Avatar billede spochek Nybegynder
26. juni 2008 - 23:20 Der er 5 kommentarer og
1 løsning

Problemer med mouseover i IE6

Jeg er ved at lave en hjemmeside, hvor jeg bruger den samme slideshow funktion som i <a href:"http://www.andyrutledge.com/cssslides.html">dette eksempel</a>.

Det er jo en lækker lille funktion. Jeg kan bare ikke få det til at virke i Internet Explorer 6.

Er der nogen der kender et fix eller et hack eller en anden måde at lave den samme funktion?
Avatar billede Slettet bruger
26. juni 2008 - 23:56 #1
Næ, det kan jeg desværre ikke.
Men jeg kan vise dig et sted, hvor du kan se hvordan netop den slags er skruet sammen, hvis det skal virke i hhv. IE5.x, IE6, IE7, Firefox, Opera, Safari etc.

Se her: http://www.cssplay.co.uk/menus/hovercraft.html
Under "THE FIFTH LINK" næsten nederst på siden.
Avatar billede Slettet bruger
26. juni 2008 - 23:58 #2
...eller chekke hans mange andre menuer, som bygger på samme teknik:
http://www.cssplay.co.uk/menus/
Avatar billede mclemens Nybegynder
27. juni 2008 - 00:24 #3
Det her ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
a img{border:0;}
#holder{position:relative;width:300px;height:150px;background:url('testx.jpg');margin:0 auto;}
#links{position:relative;top:100px;height:50px;width:400px;}
#links a{display:block;width:100px;height:50px;float:left;text-align:center;line-height:50px;}
#left{background:red;}
#middle{background:green;}
#right{background:yellow;}
#links img{display:none;position:absolute;top:-100px;left:0;z-index:1;width:300px;height:100px;}

#links a:hover img{display:block;}
</style>

</head><body>
<div id="holder"><div id="links"><a href="#" id="left">Left<img src="test.jpg"></a><a href="#" id="middle">Middle<img src="test2.jpg"></a><a href="#" id="right">Right<img src="test3.jpg"></a></div></div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body></html>
Avatar billede mclemens Nybegynder
27. juni 2008 - 00:25 #4
slet lige aaa...
Avatar billede spochek Nybegynder
30. juni 2008 - 10:22 #5
Tak for hjælpen.
Jeg brugte mclemens' opbygning og tilføjede "THE FIFTH LINK"-hacken som extend foreslog:

#link a:hover { white-space: normal; }

Det virker. Det er stadig ikke ideelt, men betydeligt bedre.
I får begge point :)
Avatar billede mclemens Nybegynder
30. juni 2008 - 13:26 #6
Velbekom :)

Før du kan tildele os point skal vi begge lægge et svar som så kan accepteres.
Du lagde selv et svar og tildelte dig selv pointene (se evt. http://www.expfaq.dk/ senere)

- For at tildele os pointene nu kan du oprette et nyt spørgsmål
med point ... f.eks. overskrift: " Point til extend og mclemens "

I teksten noterer du " Ref: http://www.eksperten.dk/spm/836414 ".
(For at undgå mistanke om point snyd)

Og så går efter du har oprettet spørgsmålet derinde kopierer du
url'en fra spørgsmålet og lægger den i en kommentar herinde.
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