Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: not2easy

using different link styles from css sheet

   
1:14 pm on Feb 3, 2006 (gmt 0)

5+ Year Member



I am trying to use the following in my external style sheet for my links:

a:link, a:visited{
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

}

a:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

}

a.big {
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;

}

a.big:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;

}

a.bigger {
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;

}

a.bigger:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

My problem is that I can't get big & bigger to work properly in Internet explorer. When I hover over the link it goes to its proper size but when not hovering it stays at 11px.

1:25 pm on Feb 3, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



a.big {}
a.bigger {}

Try changing those two to...

a.big:link, a.big:visited{}
a.bigger:link, a.bigger:visited{}

And see how it does.

cEM

1:51 pm on Feb 3, 2006 (gmt 0)

5+ Year Member



WoW your a champion thanks so much I have been trying to work that out for days now. so simple don't know why I didn't think of it GOOD WORK! APPRECIATE IT! :-)
 

Featured Threads

Hot Threads This Week

Hot Threads This Month