[thelist] CSS: Help with Layout - Less Info ;)

Hershel Robinson hershel at galleryrobinson.com
Thu May 11 14:43:45 CDT 2006


Canfield, Joel wrote:
>> Yes if you can show us the code that would be a good place to start.
> 
> Gina posted it Wednesday:
> 
>     http://lists.evolt.org/archive/Week-of-Mon-20060508/182214.html

How do you like that? :)

What I would suggest is to set it up like this:

<div>
  <ul>
   <li>purchase</li>
   <li>random</li>
   <li>favs</li>
   <li><img /></li>
   <li>archives</li>
   <li>about</li>
   <li>links</li>
   <li>contact</li>
  </ul>
</div>

as the basic HTML layout. Then you can add a unique style to the <li> 
with the image. I imagine the image will be a link in the end, so really 
this is a list of links, so it should be a list. One is special so give 
it a special style (extra padding perhaps, etc.) and go from there.

You can get the basic CSS for a horizontal navigation list from here:

http://css.maxdesign.com.au/listamatic/

HTH

Hershel


-- 
Gallery Robinson Web Services
http://web.galleryrobinson.com/



More information about the thelist mailing list