W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2003

Re: navigation banner in css.

From: Charles McCathieNevile <charles@sidar.org>
Date: Wed, 22 Jan 2003 11:28:30 +1100
Cc: "W3C-WAI-IG List" <w3c-wai-ig@w3.org>
To: "Mirabella, Mathew J" <Mathew.Mirabella@team.telstra.com>
Message-Id: <6EC1506C-2DA0-11D7-9EB2-000A95678F24@sidar.org>

Yep, I did something very similar on a commercial site some years ago. 
Only difference is that I added <span class="hide"> | </span> to 
provide visual separators in the HTML with  .hide {display : none} in 
the CSS.

cheers

Chaals

On Wednesday, Jan 22, 2003, at 10:46 Australia/Melbourne, Mirabella, 
Mathew J wrote:

>
> Thanks Iris and Charles.
> I did find the specific css i was looking for.  it was sent by mat may 
> recently.  below is the details for anyone interested.
>
> HTML:
> <div class="topnav">
> <a href="">Home</a>
> <a href="">About</a>
> <a href="">Services</a>
> <a href="">Resources</a>
> <a href="">Contact</a>
> </div>
>
> CSS:
> 	.topnav a { display: block; float: left; width: 20%; text-align:
> center; background-color: black; color: white; text-decoration: none;
> font-family: Verdana, sans-serif; }
>
--
Charles McCathieNevile           charles@sidar.org
Fundación SIDAR                       http://www.sidar.org
Received on Tuesday, 21 January 2003 19:29:05 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:08 GMT