Jump to content

Nav bar like yours ?


DMF
 Share

Recommended Posts

I really like the way you've done the horizontal nav bar on the w3schools.com site and I'm trying to do one like it. I can get the list of links arranged as I want, but I can't figure out the style that you've applied to topnav. (I'm still pretty new at this.) Especially, how do you get the button-like 3D effect? And what font is that? Any help appreciated.

Link to comment
Share on other sites

the nav bar, could be a single tiny image (lets say, with the height of ~20px and 5px width). The image, can then be applied to the <ul> element, as the backgroud, then repeated horizontally.EXAMPLE:

<ul style="background:url('nav.png') repeat-x">

Edited by eTianbun
Link to comment
Share on other sites

Verdana, huh? I've tried it before and never liked it enough to prefer it to Arial. This use I like, especially the descenders. What about the little break bars between buttons? Is that maybe a dark background showing through?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...