Hej! Har du klickat på länken så kan det hända att a:visited tar över, beroende på vilken ordning din CSS-kod har. Om du menar att sidan som visas nu ska ha annat utseende i menyn så tror jag inte att du kan lösa det med enbart CSS. Du får ändra HTML-kod för det menyalternativet (t.ex. med hjälp av det scriptspråk du ev. använder). Hej! Hej du,Ändra färg på aktiva länken...
Mig veterligen är det a:active som bestämmer vilken länk man besöker just nu... Så om man vill ha den länken i en annan färg, så borde man i CSS-mallen bestämma detta genom
<code>
a:active
{
font-family: Arial;
font-size: +11;
text-decoration: none;
color: #FEBA32;
}
</code>
Det funkar inte för mig... Några förslag??Sv: Ändra färg på aktiva länken...
<code>
a:visited {
color: #00FF00;
}
a:active {
color: #FF0000;
}
</code>
kan ge annorlunda resultat mot
<code>
a:active {
color: #FF0000;
}
a:visited {
color: #00FF00;
}
</code>
ThomasSv: Ändra färg på aktiva länken...
/JohanSv:Ändra färg på aktiva länken...
Tack för alla tips, får göra som du säger Johan, får programmera menylisten så att den byter färg på länken beroende på menyval.
Det finns ingen onclick-historia man kan tillämpa?Sv: Ändra färg på aktiva länken...
Såg din post och tänkte visa en sak som jag tror är lösningen på din fråga angående css och länk-saken.
Tänk att du på sida1.html har denna kod:
<code>
<style type="text/css">
a:active {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:link {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:visited {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:hover {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
</style>
<body>
sida 2
</body>
</code>
och du på sida2.html använder detta:
<code>
<style type="text/css">
a:active {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:link {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:visited {
font-family: verdana;
font-size: 12px;
color: #ff00ff;
text-decoration: none;
}
a:hover {
font-family: verdana;
font-size: 12px;
color: #ff0000;
text-decoration: none;
}
a.denna#current {
color:#0000ff;
}
</style>
</head>
<body>
<a class="denna" href="#" id="current">sida 2</a>
<br><br>
sida 1
</body>
</code>
får du länken, som är till den sidan du är på, i en annan färg än vad dem andra är i.
Hoppas det var en (lite sen)lösning på din fråga...
Micke