I'm using a content management system to display thumbnail images and text
for each record in a database.
I have two left-floated divs, 1 for thumbnails and 1 for text, inside a
container div for the database record.
I want to use a background image as a placeholder in case there is no thumb
image in the record.
I can't get my background image to display in any browser, even though it
exists on the server.
Does anyone see what I'm doing wrong here?
CSS:
.listing-result {width: 900px;}
.listing-thumb {float: left; width: 150px; height: 84px; background-image:
url (http://localhost/images/placeholder.jpg);}
img.listing-thumb {display: block; width: 150px; height: 84px;}
.listing-deets {float: left; margin-left: 10px}
HTML:
<div class="listing-result">
<div class=listing-thumb"> (Thumb img when present, otherwise empty)
</div>
<div class="listing-text">Text</div>
</div>
Thanks,
John G. Howard
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
