How's everyone doing?
I have a small image gallery that i am coding with a table.
(there are 4 images per row with 3 rows total)
<div id="gallery_content" class="gallery">
<table class="gallery2" cellpadding="3" cellspacing="3">
<td><a href="images/gallery/#.jpg" target="blank"><img class="thin" src="images/gallery/thumbs/#.jpg" width="200" height="150" alt="#" title="#" /></a><p class="capimg">Danny trying #</p></td>
padding:0px 5px 0px 5px;
padding:0px 10px 10px 0px;
border:thin solid black;
font-family:arial, helvetica, verdana, sans-serif;
what is happening is as long as the captions are all the same number of lines (one or two), the images align properly. if one image has a 2-line caption and the one next to it has a 1-line caption, the 1-line caption images will vertical align center automatically. the captions render smaller in FF than Opera or Safari (on a mac so no IE).
tried td height but did not work. should i chuck the whole XHTML table thing and re-build completely in CSS? Which browsers support CSS tables? saw the coding instructions in W3 css structure guidelines but need visual examples to really understand what is happening.
Thanks for any help and appreciate your time!