CSS HELP
- Started
- Last post
- 5 Responses
- karlo
This has drove me crazy for 3 days.
I think I know whats wrong but not how to fix it - you may do...
I have my 4 css rollover states
a:link - which is grey
a:hover - which is red
a: visited - which is grey
a: active - which is greyall at 10 point
ok so far...
I then have the same for 14 points so I did this..
.fourteen
.fourteen a:link - which is grey
.fourteen a:hover - which is red
.fourteen a: visited - which is grey
.fourteen a: active - which is greyBasically, when I have visited the pages with the 14 point text - the rollovers dont work any more because it thinks it is an visited link
I have removed the visited link but then reverts back to the default a:visited - thus being two different sizes
Does that make sense
Can anyone help
3 fucking days!!!!
Please
Ta
Karlo
- jamble0
.fourteen a { color: grey; }
.fourteen a:hover { color: red; }should work
- IRNlun60
what you have should work also, just watch the order you place them in...
should be link, visited, hover, active.
- karlo0
Problem is now...
When I give my text the 14 point class - it does what it supposed to do...
However, as soon as I give it a link - the 14 point defaults back to the 10 point of the a:link
Does that make sense??
The order thing I think cracked my first part of the 3 day problem
Any ideas about the size issue??
Thanks guys
Karlo
- IRNlun60
a.fourteen:link
a.fourteen:visited
a.fourteen:hover
a.fourteen:active#fourteen a:link
#fourteen a:visited
#fourteen a:hover
#fourteen a:activea class=fourteen
/adiv id=fourteen
a /a
/divinclude text size with every state...
http://www.w3schools.com/css/css…
pretty sraight forward. tons of resources on this...