Avatar billede blackscorpion Nybegynder
28. marts 2007 - 17:50 Der er 10 kommentarer og
1 løsning

link problemer.

Hej E.

har dette:

  <style type="text/css">
  <!--
  #dropmenudiv {
  position:absolute;
  border:1px solid white;
  border-bottom-width: 0;
  font:normal 12px Verdana;
  line-height:18px;
  z-index:100;
  }
 
  #dropmenudiv a {
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid white;
  padding: 1px 0;
  text-decoration: none;
  font-weight: bold;
  }
 
  #dropmenudiv A:hover {
  background-color: black;
  color: white;
  }
 
  #dropmenudiv A:link {
  text-decoration: underline;
  color: green;
  font-size: 12px;
  }
 
  #dropmenudiv A:active {
  text-decoration: underline;
  color: green;
  font-size: 12px;
  }
 
  #dropmenudiv A:visited {
  text-decoration: underline;
  color: green;
  font-size: 12px;
  }
  -->
  </style>

Det virker fint nok i IE, men ikke i FF 2.0.

i FF 2.0 ser det ud som om at a:hover slet ikke virker, for der sker nada, når musen er over linksne.

nogle foreslag ?
Avatar billede roenving Novice
28. marts 2007 - 17:59 #1
Du har forkert rækkefølge, for css-fortolkeren læser så at sige 'nedefra' og er tilfreds første gang, der forekommer et fuldstændigt match ...

-- pseudo-selectorerne kan _kun_ skrives i denne rækkefølge:

a
a:link
a:visited
a:hover
a:active

-- så du skal bare ændre rækkefølgen !-)
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:04 #2
okey det vidste jeg så til gengæld ikke...

bruger bare normalt en:

  A:link, A:active, A:visited { text-decoration: none; color: black; font-size: 12px; font-family: Arial}
  A:hover { text-decoration: underline; color: black; font-size: 12px; font-family: Arial }

:D

Men tester lige. :)
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:05 #3
som altid, smid et svar. :D
Avatar billede roenving Novice
28. marts 2007 - 18:11 #4
Velbekomme '-)

-- og i en browser, der fuldt overholder css-rekommendationerne vil active-tingen aldrig blive vist i dit sidste eksempel, for active skal kun være aktiv, sålænge museknappen er trykket ned på linket, og så er der jo samtidig hover, og da den står senere i koden, vil det være den, der bliver brugt !-)

-- a så en af de mere udbredte browsere vlger at active findes indtil et andet element får fokus skal ikke foranledige en til at tro, at det virker som det skal !o]
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:11 #5
hvis den læser det på den måde, hvorfor virker dette så ?

  #dropmenudiv A:link, A:visited, A:active {
  text-decoration: none;
  color: #00b4ff;
  font-size: 12px;
  }
 
  #dropmenudiv A:hover {
  background-color: black;
  text-decoration: underline;
  color: white;
  }
Avatar billede roenving Novice
28. marts 2007 - 18:15 #6
Prøv det i en browser, der overholder css-rekommendationerne på det punkt, FireFox, Safari, Mozilla osv.
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:16 #7
vel som du siger, active ikke virker alligevel, og så står de jo i rigtig rækkefølge alligevel :S
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:16 #8
glor på det i FF 2.0.0.2 og det virker. :D
Avatar billede roenving Novice
28. marts 2007 - 18:19 #9
Prøv f.eks.

a:link,a:visited{color:red;}
a:hover{color:green;}
a:active{color:blue;}

-- og prøv at bytte rundt på hover og active ...

-- og tak for point ;~}
Avatar billede blackscorpion Nybegynder
28. marts 2007 - 18:25 #10
ja prøvede at smide hover over de andre... fy fy. :D

Men vidste ikke at den så sådan på dem, da jeg altid kun har lavet mine sider i IE, men det er jo rart at den også virker i de fleste andre browsere.

Så tak for hjælpen, og tak for en meget nyttig info. :D
Avatar billede roenving Novice
29. marts 2007 - 14:14 #11
U'r welcome !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester