I want to make the text in my nav bar not be underlined except for when I hold the mouse over it (rollover) how do I do this?
http://24.147.179.89/
http://24.147.179.89/
how do I do this?
- Thread starter benp
- Start date
uoba
Re: member
I notice in your source file you have a link to a hover.css, but is it working correctly?
Are you using GoLive or Dreamweaver?
Basically, if you create a Class CSS and name it linkz (for example), then duplicated the Linkz class css and retitle it to linkz:hover (and change the parameters for the rollover you want it to do i.e. underline) that should work.
However, if you have been playing around with the CSS alot in order to get this to work (especially in GoLive), the CSS references can get kinda messy, so you would have to look at the sourcecode to tidy it up.
[EDIT]:
Just looked at your hover.css and your using Element CSS which I would tend to stay away from (they are pretty much inconsistant). Here you go:
CSS:
.linkz { color: gray; font-size: 9px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.linkz:hover { color: gray; font-size: 9px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
Link code:
<a href="contact.html" class="linkz">contact us</a>
Make sure the spanclass code is gone and the other links look exactly like the one above.
It does work anyway, I've just tried it.
Are you using GoLive or Dreamweaver?
Basically, if you create a Class CSS and name it linkz (for example), then duplicated the Linkz class css and retitle it to linkz:hover (and change the parameters for the rollover you want it to do i.e. underline) that should work.
However, if you have been playing around with the CSS alot in order to get this to work (especially in GoLive), the CSS references can get kinda messy, so you would have to look at the sourcecode to tidy it up.
[EDIT]:
Just looked at your hover.css and your using Element CSS which I would tend to stay away from (they are pretty much inconsistant). Here you go:
CSS:
.linkz { color: gray; font-size: 9px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.linkz:hover { color: gray; font-size: 9px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
Link code:
<a href="contact.html" class="linkz">contact us</a>
Make sure the spanclass code is gone and the other links look exactly like the one above.
It does work anyway, I've just tried it.