This should be simple but I’m apparently doing something bass-ackwards. I’m using PiroBox to display pictures in my gallery ([url]http://www.pirolab.it/pirobox/white.html
Any clues what I’m doing wrong?
page address:
[url]http://www.kitchenprose.com/gmtest/gallery.html
Here’s the relevant style sheet CSS (followed by page html):
[CODE].demo a{ float:left; margin:0; padding:0; margin:5px 10px 5px 20px!important; margin:5px 10px 5px 10px; display:block; background:url(images_gallery/bg_tms.jpg) no-repeat; border:none; width:90px; height:90px;}
.demo a img{ float:left; margin:0; padding:0; margin:9px 0 0 10px; background:url(images_gallery/bg_tms.jpg) no-repeat; border:none; width:70px; height:70px;}
HTML code:
[CODE]
<h3 class=”gallery”>APPEARANCES</h3>
<div class=”demo”><a href=”images_gallery/gallery_test1.jpg” class=”pirobox_gall” title=”DWTS backstage”><img src=”images_gallery/gallery_test1_thumb.jpg” /></a>
</div>
<div class=”demo”><a href=”images_gallery/gallery_test2.jpg” class=”pirobox_gall” title=”DWTS backstage”><img src=”images_gallery/gallery_test2_thumb.jpg” /></a>
</div>
<div class=”demo”><a href=”images_gallery/gallery_test3.jpg” class=”pirobox_gall” title=”GMA for Sexiest Man Alive announcement”>
<img src=”images_gallery/gallery_test3_thumb.jpg” /></a></div>
<h3 class=”gallery”>FAMILY</h3>
<div class=”demo”><a href=”images_gallery/gallery_test1.jpg” class=”pirobox_gall” title=”DWTS backstage”><img src=”images_gallery/gallery_test1_thumb.jpg” /></a>
</div>
<div class=”demo”><a href=”images_gallery/gallery_test2.jpg” class=”pirobox_gall” title=”DWTS backstage”><img src=”images_gallery/gallery_test2_thumb.jpg” /></a>
</div>
<div class=”demo”><a href=”images_gallery/gallery_test3.jpg” class=”pirobox_gall” title=”GMA for Sexiest Man Alive announcement”>
<img src=”images_gallery/gallery_test3_thumb.jpg” /></a></div>
Thank you very much!