please have a look at: <!-- m --><a class="postlink" href="http://www.steffiweismann.de/index_final3.html">http://www.steffiweismann.de/index_final3.html</a><!-- m -->.
On the left, you see a menu. The css says
A:active { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat: no-repeat;
background-position: left;
}Yeah, that's right. Well this has been a short thread hasn't it?Thanks for the kind reply. I'm sorry, I thought I had added that it doesn't show the active state (tested in MacOSX / MSIE, Mozilla, Safari, Opera). That is my problem.
Hope this will be a short thread indeed.You're not noticing a change because the a:active and a:hover rules are exactly the same. You could actually condense this:
A:hover { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat:no-repeat;
background-position: left;
}
A:active { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat: no-repeat;
background-position: left;
}
into this:
a:hover, a:active{padding-left:3px;
text-decoration:none;
color:#FFFFFF;
background-color:#000000;
background-repeat:no-repeat;
background-position:left;
}
Edit: Your site works in Opera 7, Netscape 7, IE 6 all for Win 98 SE, that's all the browsers I got installed here.thanks, that helps indeed (also, thank you for testing !): I guess I mistook the meaning of 'active': I thought it remains in the designed state as long as the linked page is there and no other link has been clicked. But apparently it's the state when clicking, right?
Maybe what I want wolud be a bit more tricky to do. Or is there - like: in this case here - any css way to achieve that? (Cos it would be nice, wouldn't it?)I don't think you can do that, but yes active means when the mouse is down over the link.
On the left, you see a menu. The css says
A:active { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat: no-repeat;
background-position: left;
}Yeah, that's right. Well this has been a short thread hasn't it?Thanks for the kind reply. I'm sorry, I thought I had added that it doesn't show the active state (tested in MacOSX / MSIE, Mozilla, Safari, Opera). That is my problem.
Hope this will be a short thread indeed.You're not noticing a change because the a:active and a:hover rules are exactly the same. You could actually condense this:
A:hover { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat:no-repeat;
background-position: left;
}
A:active { padding-left:3px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
background-repeat: no-repeat;
background-position: left;
}
into this:
a:hover, a:active{padding-left:3px;
text-decoration:none;
color:#FFFFFF;
background-color:#000000;
background-repeat:no-repeat;
background-position:left;
}
Edit: Your site works in Opera 7, Netscape 7, IE 6 all for Win 98 SE, that's all the browsers I got installed here.thanks, that helps indeed (also, thank you for testing !): I guess I mistook the meaning of 'active': I thought it remains in the designed state as long as the linked page is there and no other link has been clicked. But apparently it's the state when clicking, right?
Maybe what I want wolud be a bit more tricky to do. Or is there - like: in this case here - any css way to achieve that? (Cos it would be nice, wouldn't it?)I don't think you can do that, but yes active means when the mouse is down over the link.