CSS rollovers - a:hover Advanced

[webstudio]

hi there,

i have seen used very often lately something to the effect of what you can see on this site's navigation scheme.

[stats.govt.nz...]

I would love to know the principles used to create such a navigation menu.

i have some idea, but would love to hear if anyone has some pointers for me.

Thanks
Webstudio

[stevenmusumeche]

Just use a regular link with styles.

<a class="button" href="whatever">The Text</a>

.button {
display:block;
width:100px;
background-color:whatever;
}
.bottom a:hover {
background-color:something else;
}

disclaimer: not tested

[choster]

The A List Apart article on "Taming Lists" is a good place to start when learning how to create navigation menus from lists.

[4css]

Here [moronicbajebus.com] is a good tutorial on how to do navigations.

Also Listamatic [css.maxdesign.com.au] has some excellent tutorials that you can follow to help you out.

I hope that these links are helpful.;)

[webstudio]

Hey thanks,

4css... that worked a treat. i got it going no worries.

thanks for the resource links.

Webstudio

[4css]

Webstuido,

Its a pleasure to provide something that helped you out.

I'm also happy to hear that the link worked out for you. You should take a go at some of their other links on that site. Its a really good site with a ton of great information on it.;)