hur skriver man för att ändra färg på en länk om man har en css stilmall som bestämmer en färg på alla länkar.
jag vill bara ändra färg på en enda länk.. alla länkar är nu röda
men vill ha en länk vit för att den ska vara på en röd bakgrund.
css override
19 svar · 480 visningar · startad av IZON
Finns några olika sätt - här är ett: http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=113531
jag får det inte att funka.
i sitt stylesheet (css-filen)
kod:--------------------------------------------------------------------------------
a.minklass {
color: blue;
}
a.minklass:hover {
color: red;
}
--------------------------------------------------------------------------------i html-filen
kod:--------------------------------------------------------------------------------
<a href="sida.html" class="minklass">Blir röd när man för musen över</a>
<a href="sida.html">Blir inte röd</a>
stämmer de där a.minklass
för i min css mall har jag skrivit a:link och andra saker.
men det funkade inte när jag ändrade till ":" heller så.. vad kan man göra då :l
Hmm...
De stämmer... Men problemet kan också bero på *var* i din CSS-kod du lagt in stildefinitionerna för .minklass ;)
Du kan, som sagt, lösa detta på olika sätt.
<a href="#" style="background-color:red">Röd bakgrund</a>
<a href="#">Som alla andra</a>
är ett annat...
Har du möjlighet att lägga upp en länk till koden du har problem med ?
Eller har du möjlighet att lägga upp koden på din filarea ("Mina filer" som du hittar i kontrollpanelen) här på wF ?
Ibland är det svårt att svara utan att ha sett alladetaljer ;)
Jag är absolut ingen höjdare på CSS, så det kanske går på annat sätt också, men...
Har du definierat lika många varianter i "minklass" som för vanliga länkar? :q Annars KAN det vara det som är problemet.
När jag villa ändra visited värdet till min menys länkar så upptäckte jag att det bara fungerade om jag definierade alla varianter i klassen som jag definierat från början. Dvs jag hade angivet färg för a:link, visited, hover och active. Och då måste min klass också definiera link, visited, hover och active trots att det bara var visited som ändrade värde.
Du behöver inte specificera en tagg för klassen:
.minklass { color: blue; }
.minklass:hover { color: red; }
fattar inte riktigt ännu =/ någon som kan ge ett bra exempel på hur jag ska lösa detta
alltså det jag troligen inte fattar är hur jag ska skriva i html filen
<a href="http://disk-one.net:89/izon/index/main.html" target="main" [b]class="minklass"[/b]>Startsida</a>
jag lär ju vara helt körd.
får inte till det.. lär ju vara i css stilmallen ja gör fel då.
här är ett urklipp från stilmallen:
a:link {
font-family: verdana;
text-decoration: none;
color: #991212;
}a:visited {
font-family: verdana;
text-decoration: none;
color: #991212;
}a:hover {
font-family: verdana;
text-decoration: underline;
color: #991212;
}a:minklass { font-family: verdana;
text-decoration: underline;
color: #FFFFFF;
}a:minklass:hover { font-family: verdana;
text-decoration: underline;
color: #FFFFFF;
}
vad kan felet vara?
det kanske beror på att
<body bgcolor="#FFFFFF" link="#990000" vlink="#990000" alink="#990000" text="#FFFFFF" onload="initmenu();">
finns med hur ska jag då göra
Det ska vara en punkt före klassnamnet. Du har skrivit kolon.
Ex:
a.minklass:hover { font-family: verdana;
text-decoration: underline;
color: #FFFFFF;
}
det är ingen skillnad om det är punkt eller kolon.. funkar med bådeoch för mig på allt utom just det där.. =/
jag tror fortfarande de har något med:
<body bgcolor="#FFFFFF" link="#990000" vlink="#990000" alink="#990000" text="#FFFFFF" onload="initmenu();">
att göra.. men jag vet itne hur jag ska lösa det
Här kan du läsa att det ska vara en punkt och inte kolon.
det spelar inte allt för stor roll eftersom det funkade med båda..
det är ju det att just det inte funkar.. hur ska jag lösa det..
Byt då
<body bgcolor="#FFFFFF" link="#990000" vlink="#990000" alink="#990000" text="#FFFFFF" onload="initmenu();">
till:
<body onload="initmenu();">
då blir ju allt fel.. kan man ladda in css stilmallen i den funktionen på nåt sätt tror du.
Nej, vänta nu. Ditt problem är att du inte använder nåt stylesheet alls på den sida i ditt frameset som menyn ligger på. Den raden är bortkommenterad.
smart där =) glömde bort det.