09. marts 2007 - 17:36
Der er
1 kommentar og
1 løsning
link problem
a:link, a:active, a:visited {
color: #cc0033;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #cccc00;
}
a.donkey:link {color: cc0033; text-decoration: none; font-weight: normal; }
a.donkey:visited {color: cc0033; text-decoration: none; font-weight: normal; }
a.donkey:active {color: cc0033; font-weight: none; }
a.donkey:hover {color: cc0033; text-decoration: none; font-weight: normal; }
<a class="donkey" <?=$urltype?> href="./?p=Projektliste&a=<?=$row[link]?>"><?=$row[text]?></a>
Jeg forstår ikke at det her ikke duer. Jeg skal have den hover effekt væk på klassen donkey, og det duer bar ikke! Hvad er fejlen?
10. marts 2007 - 01:04
#2
Næh, det er det nok ikke, for default-actions går på visited, hover og active, hvis de ikke er defineret ...
-- og da der kun findes een rækkefølge af pseudo-selektorer kan det komprimeres ganske betydeligt:
a:link, a:active, a:visited {
color: #c03;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #cc0;
}
a.donkey:link,a.donkey:visited, a.donkey:hover {color: #c03; text-decoration: none; font-weight: normal; }
a.donkey:active {color: #c03; font-weight: none; }
-- den eneste rækkefølge er:
a /*alle a-tags*/
a:link /*a-tags med noget i en href-attribut; en tom vil ikke virke */
a:visited /*et link, der er besøgt indenfor den tid, hvor browseren husker besøg på links */
a:hover /*et link, musen er over */
a:active /*et link, hvor musen er nedtrykket på, dvs. den også er over, for ellers kan den jo ikke trykkes på.
-- desværre udvider en af de mest udbredte browsere denne funktionalitet til også at gælde indtil andre elementer får fokus, så det kan være lidt tricky at gennemskue */