Image not showing?

[loserWILL]

3 images aren't showing up, when they should be. +rep again.

CSS:


#promo_images {
width: 748px;
height: 108px;
margin-top: 400px;
}

#nry {
background-image: url(images/nry_promo.png);
width: 212px;
height: 108px;
}

#aam {
background-image: url(images/nry_promo.png);
width: 212px;
height: 108px;
}

#pfaq {
background-image: url(images/pfaq_promo.png);
width: 212px;
height: 108px;
}


HTML


<div class="promo_images">
<div clas="nry"></div>
<div class="aam"></div>
<div class="pfaq"></div>
</div>

[iJoe]

are they definately the right paths? Change them to full paths, then see if they work.

[RyanDOT]

You sure its in /images folder, it might be in something like /v2/images folder...

[--ss--]

Try the extentions in uppercase letters as paint saves them in .PNG format.

[loserWILL]

Yeah, that's the exact path. It's also .png, so it can't be that.

[[Oli]]

Yeah, that's the exact path. It's also .png, so it can't be that.

your #promo_images is a div ID

change it to:

.promo_images

as you used <div class=""

edit: same with the images, change the #'s to dots (.)

edit2:


.promo_images {
width: 748px;
height: 108px;
margin-top: 400px;
}

.nry {
background-image: url(images/nry_promo.png);
width: 212px;
height: 108px;
}

.aam {
background-image: url(images/nry_promo.png);
width: 212px;
height: 108px;
}

.pfaq {
background-image: url(images/pfaq_promo.png);
width: 212px;
height: 108px;
}

[loserWILL]

Wow, what a lazy mistake. :l Thanks Oli.

[Excellent]

Or just revert to using div id's :P

[[Oli]]

Or just revert to using div id's :P

Perhaps, but good thing about classes is you can use them endless, id's are unique.

meaning I could have a <div class="contentbox"></div>

& I could use that several times, instead of creating a new id for each box you add (which would be a waste of code :) )