[Web4lib] navigation bars and css

[Chad Pollock]

There is the now famous "suckerfish" example on A List Apart.  

http://www.alistapart.com/articles/dropdowns/


Chad Pollock

Reference Librarian

JKM Library

773-256-0703


-----Original Message-----
From: web4lib-bounces at webjunction.org
[mailto:web4lib-bounces at webjunction.org] On Behalf Of Chris Barr
Sent: Friday, December 07, 2007 4:22 PM
To: Rachel Davis
Cc: web4lib at webjunction.org
Subject: Re: [Web4lib] navigation bars and css

Hi Rachel,

It is hard to tell what you are talking about without an example, but 
generally the best way to make menus in css is to style an unordered 
(bulleted) list.

The html might look something like:

<div id="mainMenu">
<ul>
    <li>Home</li>
    <li>Catalog</li>
    <li>Help</li>
</ul>
</div>

And the CSS you can use to style it is kind of limitless.

Here are 37 CSS menu examples: 
http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php

(The first three examples from alistapart are really good tutorials.)


Good luck,
Chris Barr
Villanova University



Rachel Davis wrote:
> On the advice of listmembers, I am redesigning our website using CSS
for
> layout instead of tables.  I'm a little enamored with the navigation
bar I
> created in Dreamweaver.  Is it acceptable when doing layout with CSS
to
> use this type of navigation bar, or should I use an alternate method
to
> create the same or similar effect?
>
> Thanks in advance for your advice!
>
> Rachel
>
> Rachel Q. Davis
> Children's Librarian
> Thomas Memorial Library
> 6 Scott Dyer Road
> Cape Elizabeth, ME  04107
> 207-799-1720
>
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>
>   

_______________________________________________
Web4lib mailing list
Web4lib at webjunction.org
http://lists.webjunction.org/web4lib/