webForumDet fria alternativet

Länkformatering

HTML & CSSur HTML, XHTML & CSS

5 svar · 317 visningar · startad av Skarre

Medlem sedan apr. 20012 427 inlägg
Frågan#1

Jag har inte greppat det här med CSS ännu och hoppas att någon kan reda ut detta. Jag vill ha speciell formatering på länkarna i en meny, men de vill inte. Länkarna förblir standardblå och standardlila (besökta). Länkarna blir dock vita när man för musen ovanför dem så "hover" fungerar uppenbarligen. Så här ser min CSS-fil ut:

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 50;
}

a.meny:link {
	color: ##FFCC00;
}

a.meny:hover {
	color: #FFFFFF;	
}

a.meny:active {
	color: #FFFFFF;
}

a.meny:visited {
	color: ##FFCC00;
}

Och så här ser HTML-koden ut:

<a href="biografi.htm" class="meny">biografi</a> | 
<a href="diskografi.htm" class="meny">diskografi</a> | 
<a href="lankar.htm" class="meny">länkar</a>
Medlem sedan apr. 20012 427 inlägg
#2

Glöm det, jag hade råkat få med extra stakettecken framför färgkoderna. :r Men nu fungerar inte "hover" istället. Färgen ändras inte. Vad gör jag för fel?

Medlem sedan aug. 2002477 inlägg
#3

Så här ska det se ut (jag har ändrat ordningen på psuedoklasserna, ordningen ska vara lvha för att det ska fungera korrekt)

.meny a:link {
	color: #FFCC00;
}

.meny a:visited {
	color: #FFCC00;
}
.meny a:hover {
	color: #FFFFFF;	
}
.meny a:active {
	color: #FFFFFF;
}
Medlem sedan apr. 20012 427 inlägg
#4

Nej, det fungerade inte. Nu har de gått tillbaka till standardfärgerna. :x

RED: Det var ordningen som var problemet (som du sa), men annars fungerade originalkoden d.v.s "a.meny:link" o.s.v.

Tack för hjälpen! :)

Medlem sedan aug. 2002477 inlägg
#5

Glömde att du kanske hade tänkt dig att lägga till en klass på varje länk (a) istället för på en div eller tabell, då stämde ditt stylesheet - förutom ordningen då.
:-)

Medlem sedan sep. 200213 inlägg
#6

länkar

Hej

Skall du inte ha olikfärgade länkar på sidan behöver du inte ha ett klassnamn det räcker med a:link, a:visited, a:hover.

Mvh noodleman

125 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)