Avatar billede nfk Nybegynder
05. august 2003 - 18:40 Der er 7 kommentarer og
1 løsning

Billede menu i css

Hej
Jeg vil gerne lave en menu med billeder der skifter ved mouse over, men da jeg er lidt af en nød til css ved jeg ik hvordan jeg skal gøre det.
Så hvis der er nogen der kan hjælpe vil jeg gerne høre fra jer.

ps. mit spørgsmål minder om dette: http://www.eksperten.dk/spm/326693 men da den side han bruger som eks. ikke virker kunne jeg ik rigtigt bruge det til noget :(
Avatar billede exp Juniormester
05. august 2003 - 18:52 #1
a, a:link, a:active, a:focus {
  background-image:url(pic.gif);
}
a:hover {
  background-image:url(pic2.gif);
}

måske...
Avatar billede cdc Novice
05. august 2003 - 19:03 #2
lavede denne for en stund siden: http://hjem.get2net.dk/arntsen/eksperten/menu/menu_09.htm

/cdc
Avatar billede nfk Nybegynder
05. august 2003 - 20:43 #3
øhhh tak, men jeg vil blive glad hvis der var en der lige kunne smække koden ind her så jeg bare selv skulle ændre navne på billederne

//Niels
Avatar billede exp Juniormester
05. august 2003 - 20:56 #4
Avatar billede roenving Novice
05. august 2003 - 23:31 #5
>>exp

Har du selv opfundet den der a:focus ?-)

Der findes følgende pseudo-classes til a:
a = et anchor
a:link = et anchor, som er et link
a:visited = et anchor med link som er besøgt herfra
a:hover = et anchor, man holder musen over
a:active = et anchor, som man trykker på med musen

En lille logisk overvejelse vil vise at de kun giver mening i præcis den angivne rækkefølge, da et active altid vil have hover, så din udgave vil vise :hover-udgaven selv om man trykker musen ned og gør linket :active ...

css-fortolkeren læser nemlig den sidst forekommende rigtige match og vil derfor aldrig nå til :active i din definition ...

Noget andet er så, at :active ofte uden egentlig omtanke tænkes som et link man er igang med at besøge, men det betyder præcis som ovenfor angivet -- et link er active mens museknappen er trykket ned ovenpå det !-)

Men iøvrigt vil der næppe være nogen som opdager fejlen medmindre de en dag godt vil have et anderledes link mens folk trykker på knappen !o]

>>nfk

Sorry for spam, brug du bare /cdc's -- den virker jo som du vil have det !O)

-- og du kan vel godt finde ud af at kopiere de linjer, som starter med a i stylesheetet ?-)
Avatar billede nfk Nybegynder
06. august 2003 - 21:04 #6
>>roenving

øhh ja d ville bare være lidt mere simpelt for mig ( r doven :P)
Avatar billede nfk Nybegynder
06. august 2003 - 21:05 #7
cdc smid et svar så du ka' få de point :D
Avatar billede cdc Novice
06. august 2003 - 21:14 #8
svarer :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