CSS Navigation Bar Code

[2760]

Hi all,

I've recently seen a navigation bar that i like the look of on the Bravenet.com website. Its situated under the main title banner (displays 'join bravenet', 'hosting and domains' etc.) and on mouseover it appears to 'dip'. Its made with CSS i think, and i'm trying to recreate it, but no success at the moment. Can someone give me some help as to how i could recreate this nav bar and customize it for my own website. Some code would be great.

Thanks in Advance.

 

[lebisol]

this can be many things.....it can also be a simple "onMouseOver" where they used CSS for to hold image or whatever...it can be "displaced" table cell....have not really looked at their code
but thier work/code is shown:

<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;

http://images.bravenet.com/bravenet/css/style.css&quot;

/>
<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;

http://images.bravenet.com/bravenet/css/index.css&quot;

/>

All the best!

> need more info?
:: don't click HERE ::

 

[maxformed]

I checked the bravenet site - classes are defined and then called as onmouseover

You can do this without the actual call by defining your a:hover, visited, etc in your css

Here's a good tutorial - very straightforward.

http://projectseven.com/tutorials/css_menus/list_01/index.htm

The tutorial shows doing this with an image background, but it is just as easily changed to a color.

Hope it helps.
Max

http://artechllc.com

http://doyoulikeair.com