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

drinkit Praktikant

18. august 2003 - 20:21 Der er 9 kommentarer og
1 løsning

Position absolute.. Eller noget?

hej.
www.steen-moller.dk/mikael

Tryk på knappen "Menu 1" der kan i se at min hjemmebryggede dropdown menu ikke helt virker.. Den skal bare ignorere at der står noget tekst i tablet, og "droppe down" oven på teksten, hvis i forstår - Hvis ikke i forstår så spørg endelig! :)

Synes godt om

fidusen Nybegynder

18. august 2003 - 22:30 #1

Kan ikke helt gennemskue problemet, men forsøg evt. med z-index vha. css
Se f.eks. http://www.html.dk/tutorials/css/lektion15.asp

Synes godt om

roenving Novice

19. august 2003 - 02:42 #2

Du fortæller ikke div'en hvor den skal være henne, så det kan den ikke vide, derfor placerer den sig 'bare' der hvor den nu er !-)

For at få den på plads må du fortælle den at den skal være lige under og de der ca. 15 px længere nede end den menu som åbner den ...

Altså left:215px og top:75px (eller hvad det nu er !-)

Synes godt om

drinkit Praktikant

20. august 2003 - 14:02 #3

Tak roenvig - du lægger bare et svar ;)

Synes godt om

drinkit Praktikant

20. august 2003 - 14:04 #4

Men så igen, hvis man gør windows vinduet lidt mindre, så flytter min div sig :/

Synes godt om

roenving Novice

20. august 2003 - 14:37 #5

Ja, det er et problem, som kun kan løses ved at positionere kalorius dynamisk, det kn vi dog også:

Sæt dette script ind (i script-tags !-)
function posDiv(elm,target) {
for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
target.style.top = (zy + 25) + "px";
target.style.left = zx + "px";
}

Og gør så sådan i body-tagget:
<body onload="posDiv(document.getElementById('information'),document.getElementById('hidden'))" onresize="posDiv(document.getElementById('information'),document.getElementById('hidden'))">

Og giv den td, som indeholder linket et id:
<td id='information' onclick="foldUd()" onmouseover="changebg(this,'in');" onmouseout="changebg(this,'out')" align="middle" width="25%" bgcolor="#5a717b"><span class="menu">Information</span></td></div>
<div id='hidden' style="visibility: hidden;position:absolute;left:178px;top:53px">

Synes godt om

roenving Novice

20. august 2003 - 14:39 #6

Hvis du skal have lavet nummeret med flere divs, skal vi nok finde på noget andet end de lange kald ...

-- og de 25, som er brugt skal selvfølgelig erstattes af den lodrette afstand fra cellens top !-)

Synes godt om

drinkit Praktikant

20. august 2003 - 16:20 #7

Ok - der er altså ingen "LET måde" at gøre det på ? - Det er jo rimelig meget kode der skal til her, kan jeg se.. se eks. www.xup.dk -> Den side benytter dropdown menuen!

Synes godt om

roenving Novice

20. august 2003 - 16:38 #8

Næh, desværre findes der ikke noget som hedder 'follow that element' hverken i den ene eller den anden del af dhtml-konceptet, så det skal gøres 'langsomt' ...

Men ovenstående virker godt nok også 'báre', så det er helt fint at putte ind !-)

-- og koden fylder tre linjer, det er da ikke meget -- slet ikke i forhold til det jeg brugte før olebole gjorde opmærksom på denne løsning !o]

'-)

Synes godt om

drinkit Praktikant

20. august 2003 - 16:40 #9

Hehe - Du for points.. Tak for hjælpen ;) Nu har jeg lidt flere kort på hånden!

Synes godt om

roenving Novice

20. august 2003 - 16:45 #10

-- og tak for points ;~}

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

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