I set up a new template for the static front page of my site and named home_page.php. I then added a new div within "main" and above "container" to take 4 (160 x 90) which I want to float next to each other to create a bar of thumbnails as a decorative graphic. The bar shows up but not the images. I can tell there three is space alloted for the images because when I refresh the page the outline for the images briefly shows up.
Instead if using the WP facility to upload the images, I just created an images folder and ftp'ed it to my child theme folder which also contains the template. Here is the code for the div:
<div id="thumb_bar"> <ul id="thumbs_list"> <li><img src="images/books_thumb.png" width="160" height="90" /></li> <li><img src="images/glasses_book_gavel.png" width="160" height="90" /></li> <li><img src="images/court_house_top.png" width="160" height="90" /></li> <li><img src="images/meeting.png" width="160" height="90" /></li> </div>
[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum's parser.]
Another strange thing is that in Firebug the
li's are grayed out and the width and height attributes appear before the src attribute.
Does anyone have ideas about what is happening here? Thanks!