link classes
hi...i use external style sheets, and i have different classes for links...i used the .main class and it was right, until i did a hover and it jumped 11px to the other hover...heres the code
A:hover{color: #ffff99; text-decoration:none; font-size: 25px; font-family: verdana, serif;}
.main{color: #5f9ea0; text-decoration:none; font-size: 14px; font-family: verdana, serif;}
A:visited{color:#ffff99; text-decoration:none;font-size: 25px; font-family: verdana, serif;}
.main{color: #5f9ea0; text-decoration:none; font-size: 14px; font-family: verdana, serif;}
A{color: #ffff99; text-decoration:none;font-size: 25px; font-family: verdana, serif;}
.main{color: #5f9ea0; text-decoration:none; font-size: 14px; font-family: verdana, serif;}any ideas? thanks
zollet posted this at 20:22 — 20th June 2002.
He has: 1,016 posts
Joined: May 2002
Since your a, a:hover and a:visited are the same, the below CSS should be enough. This sets all normal links to size 25px, color #ffff99 and font verdana. And it set's all main class links to size 14px, color #5f9ea0 and font verdana.
a, a:hover, a:visited {color: #ffff99;
text-decoration: none;
font-size: 25px;
font-family: verdana, serif;
}
a.main, a.main:hover, a.main:visited {
color: #5f9ea0;
text-decoration:none;
font-size: 14px;
font-family: verdana, serif;
}
kb posted this at 21:24 — 20th June 2002.
He has: 1,380 posts
Joined: Feb 2002
yep...it works...thanks
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.