Avatar billede jammerlab Nybegynder
17. november 2003 - 14:36 Der er 15 kommentarer og
1 løsning

Noget menu halløj

Tag et kig på http://www.amici.dk/nyheder.php - ude i højre hjørne er der to punkter der hedder User poll og User stats... hold musen over dem.... som i kan se har jeg lavet at der kommer et layer længere nede.... nu vil jeg gerne havde lavet det om så det rykker anderledes... Altså når man holder musen over User poll så vil jeg gerne have det layer den viser til at komme lige under, men den skal nemlig rykke User stats nedenunder det layer den så viser... Get it? - hjælp.
Avatar billede roenving Novice
17. november 2003 - 15:00 #1
Ændr en anelse på rækkefølgen:

                <br>                <a href="#" id="punkt5" onMouseOver="mover( 'punkt5' )"><img src=gfx/user_poll.gif border=0 class=billede1></a><br>
                <div id="punkt5menu" class="menu" style="width:200px;" onMouseOver="mover( 'punkt5' )" onMouseOut="mout( 'punkt5' )">
                <table width=100% cellspacing=5 cellpadding=5>
                <tr>
                <td>
               
<span class=text2>Skal det gamle forum tilbage? (For jer der nu kender det)</span><br>

<form name=vote method=post action=vote.php?action=dovote><input type=radio name=voteAnswer value=1><span class=text1>Ja.</span><br><input type=radio name=voteAnswer value=2><span class=text1>Nej.</span><br><input type=radio name=voteAnswer value=3><span class=text1>Ved ikke hvad du snakker om.</span><br><br><input type=submit name=Vote value=Vote class=form></form>        </td>
        </tr>           
        </table>
        </div>
                <a href="#" id="punkt6" onMouseOver="mover( 'punkt6' )"><img src=gfx/user_stats.gif border=0 class=billede2></a><br>
                <br>
                <div id="punkt6menu" class="menu" style="width:200px;" onMouseOver="mover( 'punkt6' )" onMouseOut="mout( 'punkt6' )">
                <table width=100% cellspacing=5 cellpadding=5>
                <tr>
                <td>

               
<span class=text1>
» Antal site hits: 28283<br>
» Antal kampe spillet: 74<br>
» Vundet: 62%<br>
» Tabt: 35%<br>
» Uafgjordt: 3%<br>
» Indlæg i tagwall: 566<br>
Nyeste indlæg (newz):<br>
» <a href=nyheder.php?getnewz=126>(1425) #Amici * ArW-</a><br>

» <a href=nyheder.php?getnewz=126>(1424) #Amici * Gargoyle</a><br>
» <a href=nyheder.php?getnewz=126>(1423) VuKk</a><br>
</span>
        </td>
        </tr>           
        </table>
        </div>
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:05 #2
roenving det er vidst ikke lige den løsning jeg søgte hehe

http://212.242.60.87/amiciny2/nyheder.php

har copy pasted det du skrev.
Avatar billede roenving Novice
17. november 2003 - 15:13 #3
Tilpas dit css på div'erne:

<div id="punkt5menu" class="menu" style="width:200px;" onMouseOver="mover( 'punkt5' )" onMouseOut="mout( 'punkt5' )" style="position:relative">
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:16 #4
Sikker på du forstår hvad det er jeg søger? :)
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:22 #5
Sådan som jeg troede løsningen lå så skulle man også lave punkterne til layers... for de (ihvertfald den nederste) skal jo rykke sig i forhold til det layer den åbner når man har mouse over.
Avatar billede roenving Novice
17. november 2003 - 15:27 #6
Når man bruger position: absolute; findes et element så at sige ikke for andre elementer, det vil sige, at andre elementer 'bare' placeres som om de absolutte slet ikke findes, dvs. at et element ikke kan skubbes af et absolut positioneret element !-)

-- defor er det nødvendigt at bruge position:relative; på det element, som skal skubbe til andre elementer ...
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:30 #7
uh tak... har jeg faktisk også tænkt over hvad det entlig gjorde ved layer'et... ok prøver.
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:32 #8
Hm du havde ret... nu skubber den ihvertfald, men ser ud som om den ikke kan finde sin placering nu pga. den er relative. Tag et kig.
Avatar billede roenving Novice
17. november 2003 - 15:36 #9
Udvid stylen:

style="position:relative;top:0px;left:0px;"
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:38 #10
Ved ikke så meget om layers så du må lige bærer over med mig :) Og det ser ikke ud til at fungere style="position:relative;top:0px;left:0px;" altså.... desuden har jeg et js kørerne i toppen som skulle hjælpe med at få layersne til at stå korrekt... måske derfor det ikke fungere?
Avatar billede roenving Novice
17. november 2003 - 15:44 #11
Fjern den fra positioneringen !-)

-- altså:

var menus = ['punkt1','punkt2','punkt3','punkt4','punkt6'];
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:44 #12
function posDiv(){
var menus = ['punkt1','punkt2','punkt3','punkt4','punkt5','punkt6'];
var zx=zy=0;
for(i=0;menus.length>i;i++){
elm = document.getElementById(menus[i]);
for(zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
document.getElementById(menus[i]+"menu").style.left=zx+"px";//kan jo reguleres en anelse !-)
//alert(zx)//kan aktiveres for at teste (fjern // i starten af linjen !-)
}
}

Dette....
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:44 #13
ja ok :)
Avatar billede jammerlab Nybegynder
17. november 2003 - 15:45 #14
Det fungere perfekt... smid et svar mester :)
Avatar billede roenving Novice
17. november 2003 - 15:49 #15
Velbekomme '-)
Avatar billede roenving Novice
17. november 2003 - 15:59 #16
-- og tak for points ;~}
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