webForumDet fria alternativet

CSS länkar funkar bara efter första klicken!

10 svar · 268 visningar · startad av MCH

MCHMedlem sedan juni 200119 inlägg
#1

Mina CSS länkar fungerar bara efter att jag klickat på dem första gången. Vad kan det bero på?

Jag har använt mig av A:active, link, visited och hover för att ge en viss klass vissa värden.

Nu är det så att jag vet att om man bara använder sig av "A" utan ändelse så fungerar värdena utan första klicket. Jag har även hört att det bara är i IE 5.5+ som detta problem finns!

Vad är det jag missar?

Tack

Mvh

MCH

frankofMedlem sedan jan. 20016 874 inlägg
#2

I regel lite lättare att se vad som är fel om man får se hela koden, men detta borde fungera

A:link { color: red } /* unvisited links */ 
A:visited { color: blue } /* visited links */ 
A:hover { color: yellow } /* user hovers */ 
A:active { color: lime } /* active links */

/frankof

------------------
Jag ilar genom allt jag gör för att få göra något annat.

MCHMedlem sedan juni 200119 inlägg
#3

Jo det är ungefär den koden jag skriver men jag har skapat en klass också, koden ser i ungefär ut som följande (använde attribute i ditt inlägg):

----------------------------------------
A:link.class { color: red }
A:visited.class { color: blue }
A:hover.class { color: yellow }
A:active.class { color: lime }

----------------------------------------

Nu är det så att första gången som jag öppnar sidan så fungerar inte CSS'en med dessa värden för klassen .class.

Det är först när jag klickat på en länk som de blir activa!

Det måste vara något jag missar!

Tack, MVH

MCH

MatteMedlem sedan aug. 20002 975 inlägg
#4

------------------

[Redigerat av Matte den 26 jul 2001]

frankofMedlem sedan jan. 20016 874 inlägg
#5

Du har inte några andra .class eller a formateringar som krockar då?

/frankof

------------------
Jag ilar genom allt jag gör för att få göra något annat.

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#6

Så här ska det ju vara. :)

A.class:link { color: red }
A.class:visited { color: blue }
A.class:hover { color: yellow }
A.class:active { color: lime }

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

frankofMedlem sedan jan. 20016 874 inlägg
#7

>Erik
Varför?
Använder a:hover.nav{osv.......
Och det fungerar fint.

/frankof

------------------
Jag ilar genom allt jag gör för att få göra något annat.

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#8

Mystiskt. Jag är nästa nhelt säker på att det är fel att skriva så.

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

frankofMedlem sedan jan. 20016 874 inlägg
#9

Om du inte kollar på det som har med scrolling att göra: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fhem.spray.se%2Ffrankof%2Fnystyle.css&warning=1&profile=none

/frankof

------------------
Jag ilar genom allt jag gör för att få göra något annat.

MCHMedlem sedan juni 200119 inlägg
#10

Tjenare Grabbar! Tack för inläggen, men vad ni båda missat att lägga ät detta jämför följande kod med den som ni lagt till:

A.class { color: red }
A:link.class { color: red }
A:visited.class { color: blue }
A:hover.class { color: yellow }
A:active.class { color: lime }

Det var pga att jag utelämnat den första raden som länkarna bara fungerade efter första klicken!

Erik: jag skrev också A:link.class men det jag kör med nu fungerar prima!

Tack!

frankofMedlem sedan jan. 20016 874 inlägg
#11

A.class { color: red }
A:link.class { color: red }

Hmm..
Det skal ju vara samma sak egentligen.
Skall vara onödvändigt att tala om att "A" är en länk(link)!!
Skit samma, det viktigaste är ju att det fungerar :)

/frankof

------------------
Jag ilar genom allt jag gör för att få göra något annat.

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