Need to break away from tables!

j.blaise.n · 06-24-2009, 12:22 AM

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 · 06-25-2009, 04:05 AM

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

PHP Code:


			
<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 Code:


			
<?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 · 06-26-2009, 02:25 AM

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/sea...eywords=tables

Hope this gives you some idea.

06-24-2009, 12:22 AM	#1
j.blaise.n New Member Join Date: Jun 2009 Location: San Diego, CA Posts: 6	Need to break away from tables! 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!

06-25-2009, 04:05 AM	#2
arminium New Member Join Date: Jun 2009 Posts: 22	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 PHP Code: `<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 Code: `<?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 } ?>` __________________ Weird Things come in normal packages Dogg-webdesign Free-sunshine-coast practical-webdesign

06-26-2009, 02:25 AM	#3
skiernan2 New Member Join Date: Jun 2009 Posts: 3	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/sea...eywords=tables Hope this gives you some idea. __________________ Take care, Steve Software, Web, IT \| EXPERTS www.algonquinstudios.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode