loveponies
Trådstartare
Håller på att bygga en sida baserad på templates istället för frames. Det funkar bra, förutom att jag vill ha en färg på länkarna i menyn och en färg på länkarna för övrigt på hemsidan. Och jag vet inte hur jag ska få till detta i css-mallen! Hur jag än gör så verkar det inte fungera.
I min externa css-mall står det:
a:link {font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66A381;}
a:visited {font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66A381;}
a:active{font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66a381;}
a:hover{font-family: Verdana; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #CAE7D7;}
Detta är alltså så jag vill att länkarna ska se ut på alla ställen utom i menyn. Där vill jag att de ska vara svarta. Men hur jag än gör så får de ändå samma färg som i mallen ovan.
Jag har provat att lägga in en egen class som ska styra detta, som ser ut så här:
.menylink{color: #000000;}
Den har jag provat att lägga både i den externa mallen och direkt i html-dokumentet, mellan <head> och </head>.
Jag har provat att anropa classen både i <p> och i <a href="..">
Jag har även provat att lägga in classen direkt i html-koden, så här:
<p style="color: #000000;>
Men inget funkar! Det blir fortfarande gröna länkar!
Hur ska jag göra?
I min externa css-mall står det:
a:link {font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66A381;}
a:visited {font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66A381;}
a:active{font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; color: #66a381;}
a:hover{font-family: Verdana; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #CAE7D7;}
Detta är alltså så jag vill att länkarna ska se ut på alla ställen utom i menyn. Där vill jag att de ska vara svarta. Men hur jag än gör så får de ändå samma färg som i mallen ovan.
Jag har provat att lägga in en egen class som ska styra detta, som ser ut så här:
.menylink{color: #000000;}
Den har jag provat att lägga både i den externa mallen och direkt i html-dokumentet, mellan <head> och </head>.
Jag har provat att anropa classen både i <p> och i <a href="..">
Jag har även provat att lägga in classen direkt i html-koden, så här:
<p style="color: #000000;>
Men inget funkar! Det blir fortfarande gröna länkar!
Hur ska jag göra?