CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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?

Synes godt om

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.

Synes godt om

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/

Synes godt om

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>

Synes godt om

mclemens Nybegynder

27. juni 2008 - 00:25 #4

slet lige aaa...

Synes godt om

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 :)

Synes godt om

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.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS