yahoo site builder - help with my navigation bar!?

El Blackmitho · 01-16-2009, 02:13 PM

Ok so I'm building a website and I need help making my navigation bar more presentable. Like, including rollovers on the words. For example, all the words on the navigation bar are going to be gray and when you mouseover one it changes to white. Then after they click on one of the navigations a new page loads up with that navigation still highlighted white, while the rest are gray.

Is this confusing? If so I'll be happy to re-word my question.

thank you!

**dm01** · 01-16-2009, 03:56 PM

Not confusing at all. Are you familiar with CSS?

[/html]
<head>
<style type="text/css">
a:link {color: #9C9C9C}
a:hover {color: white}
a:visited {color #9C9C9C}

a.current {color: white}
</style>

</head>
<body>

<ul class="none"><li><a href="index.html" class="current">Home</a></li><li><a href="about.html>About us</a></li></ul>

</body>
</html>
[/html]

In the example above, the page index.html is currently loaded.

The first three statements of CSS declare a link and a visited page to be grey, and the rollover to be white. The third statement declares all instances of a link (whether link, visited, or hover) to be grey.

The fourth statement declares all instances of a link of the class current to be white. As you may have guessed, you add class="current" to the <a> which links to the current page.

01-16-2009, 02:13 PM	#1 (permalink)
El Blackmitho Registered User Join Date: Jan 2009 Posts: 1 OS: windows xp	yahoo site builder - help with my navigation bar!? Ok so I'm building a website and I need help making my navigation bar more presentable. Like, including rollovers on the words. For example, all the words on the navigation bar are going to be gray and when you mouseover one it changes to white. Then after they click on one of the navigations a new page loads up with that navigation still highlighted white, while the rest are gray. Is this confusing? If so I'll be happy to re-word my question. thank you!

01-16-2009, 03:56 PM	#2 (permalink)
dm01 Moderator: Design Join Date: Oct 2006 Location: Richmond, B.C.; Canada Posts: 1,449 OS: Windows XP [Version 5.1.2600] SP3 \| Ubuntu Jaunty Jackalope \| Windows 7 BETA My System	Re: yahoo site builder - help with my navigation bar!? Not confusing at all. Are you familiar with CSS? [/html] <head> <style type="text/css"> a:link {color: #9C9C9C} a:hover {color: white} a:visited {color #9C9C9C} a.current {color: white} </style> </head> <body> <ul class="none"><li><a href="index.html" class="current">Home</a></li><li><a href="about.html>About us</a></li></ul> </body> </html> [/html] In the example above, the page index.html is currently loaded. The first three statements of CSS declare a link and a visited page to be grey, and the rollover to be white. The third statement declares all instances of a link (whether link, visited, or hover) to be grey. The fourth statement declares all instances of a link of the class current to be white. As you may have guessed, you add class="current" to the <a> which links to the current page. __________________ Validate your Markup Validate your CSS Notepad++ Please use [html], [php], and [code] when posting code or markup. I do not help by Private Message or e-mail. If for some reason I have over-looked a reply to a thread that I have previously replied to, then send me a message.