IT.COM

CSS question - Different link style

Spaceship Spaceship
Watch
How can I get two or more different kind of links in my style.css.?

This is how it looks now - what do I have to do to have more link styles in one .css?

A:link {COLOR: #336699; text-decoration: none}
A:visited {COLOR: #336699; text-decoration: none}
A:active {COLOR: #336699; text-decoration: none}
A:hover {COLOR: #F6D300}
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
Use do something like this.. i think its called classes...

A:link.menulink {COLOR: #336699; text-decoration: none}
A:visited.menulink {COLOR: #336699; text-decoration: none}
A:active.menulink {COLOR: #336699; text-decoration: none}
A:hover.menulink {COLOR: #F6D300}

A:link.doclink {COLOR: #336699; text-decoration: none}
A:visited.doclink {COLOR: #336699; text-decoration: none}
A:active.doclink {COLOR: #336699; text-decoration: none}
A:hover.doclink {COLOR: #F6D300}

etc.. etc.. and you define each link as a doclink or a menulink by adding class="doclink" or class="menulink" to the code for each link... I'll make sure i'm right when i'm at home, right now i'm in class learning Visual Basic. Its so much Fun ;)
 
0
•••
Thanks

Hi mate,

thank you very much - it really helped!!!
 
0
•••
I'm glad i could help. If you have any other questions just asks, anyone here would be glad to help.
 
0
•••
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back