Need to break away from tables!

[j.blaise.n]

I'm trying to design a photo gallery subnav using large icons and I'd like to break away from the use of tables (especially since I designed it using FF and there are issues when viewing it in IE). Is there a div or ul solution here somewhere?

URL is http://www.brsr.org/bee-removal-pictures/

Thanks!

 

[arminium]

divs

just startdoing everything without tables, they sux

just setup your menu like this (each one)

using your css or style if its sheet specific, set the div to float:left
and style it how it all needs to

<div id=whateva>
<p><img src="" title="" /></p> //need to set the img to float  as well
<h1>category name</h1> // set the h1 style to size and margin top etc using class
</div>

Use h1 tags on category name for SEO

if its php or some other dynamic output just put all that in your for() or while() output

like

<?php
while($cat = mysql_fetch_array($catr)){
?>
<div id="showcase">

<p><a href="<?php echo PORT_PATH.$cat[name]; ?>.html" title="<?php echo $cat[imgtitle]; ?>"><img title="<?php echo $cat[metd]; ?>" alt="<?php echo $cat[metk]; ?>" src="<?php echo THUM_PATH.$cat[name]; ?>.jpg" /><?php echo $cat[name]; ?></a></p>
</div>
<?php 
}
?>

 

[skiernan2]

I've got a colleague - our senior Usability Engineer - who is just an expert at layout, different techniques for implementing screens with CSS - no tables, etc. He's written a number of articles that may be of some help:

http://algonquinstudios.com/home/search?SearchKeywords=tables

Hope this gives you some idea.