PDA

View Full Version : images not showing?!



jarv
Apr 29th, 2010, 01:09 PM
Can someone please help me, none of the images are showing, they are teh correct paths?!

css


#rightcol2 .SMLBox1 {background-image:url(../images/SMLBox1.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox2 {background-image:url(../images/SMLBox2.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox3 {background-image:url(../images/SMLBox3.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox4 {background-image:url(../images/SMLBox4.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox5 {background-image:url(../images/SMLBox5.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox6 {background-image:url(../images/SMLBox6.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox7 {background-image:url(../images/SMLBox7.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}


html


<div class="yui-u" id="rightcol2">
<ul>
<li><a href="#" class="SMLBox1"><span class="newh2">Abmassador</span></a></li>
<li><a href="#" class="SMLBox2"><span class="newh2">Andus Print</span></a></li>
<li><a href="#" class="SMLBox3"><span class="newh2">Beard Digital</span></a></li>
<li><a href="#" class="SMLBox4"><span class="newh2">Gemini Press</span></a></li>
<li><a href="#" class="SMLBox5"><span class="newh2">Managed Marketing</span></a></li>
<li><a href="#" class="SMLBox6"><span class="newh2">Quentin Press</span></a></li>
<li><a href="#" class="SMLBox7"><span class="newh2">Visual Identity</span></a></li>
</ul>
</div>

VIPStephan
Apr 29th, 2010, 02:18 PM
What’s the complete (absolute) path to the images? Can you load them in the browser by typing the path into the address bar?

jarv
Apr 29th, 2010, 02:39 PM
yes, the images work, it was all working fine when I assigned the class to the <LI>

VIPStephan
Apr 29th, 2010, 05:37 PM
Then we need to see a link to the page. From that snippet of code we can’t say what’s the issue. Could be anything, really.

957
Apr 30th, 2010, 07:51 AM
Can someone please help me, none of the images are showing, they are teh correct paths?!

css


#rightcol2 .SMLBox1 {background-image:url(../images/SMLBox1.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox2 {background-image:url(../images/SMLBox2.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox3 {background-image:url(../images/SMLBox3.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox4 {background-image:url(../images/SMLBox4.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox5 {background-image:url(../images/SMLBox5.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox6 {background-image:url(../images/SMLBox6.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}
#rightcol2 .SMLBox7 {background-image:url(../images/SMLBox7.jpg); width:157px; height:47px; display:inline-block; float:left; position:relative; margin:0px; padding:0px;}


html


<div class="yui-u" id="rightcol2">
<ul>
<li><a href="#" class="SMLBox1"><span class="newh2">Abmassador</span></a></li>
<li><a href="#" class="SMLBox2"><span class="newh2">Andus Print</span></a></li>
<li><a href="#" class="SMLBox3"><span class="newh2">Beard Digital</span></a></li>
<li><a href="#" class="SMLBox4"><span class="newh2">Gemini Press</span></a></li>
<li><a href="#" class="SMLBox5"><span class="newh2">Managed Marketing</span></a></li>
<li><a href="#" class="SMLBox6"><span class="newh2">Quentin Press</span></a></li>
<li><a href="#" class="SMLBox7"><span class="newh2">Visual Identity</span></a></li>
</ul>
</div>


try this

where you have href="#" replace the # with the exact address. all you would get with what you have is /images/SMLBox1.jpg for the url, unless you just didn't want anyone here to know your site url.