Avatar billede vind Nybegynder
09. juni 2000 - 20:21 Der er 2 kommentarer og
2 løsninger

DHTML - Hmmm..??

Jeg har denne menu i DHTML, men jeg vil have den i en ramme i venstre side, men når jeg sætter den i rammen, placere den sig i midten og så kommer der en scroller nederst, og den vil jeg meget gerne være fri for... :-)
Her er scriptet:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function dropMenu() {
speed=50;
topdistance=100;
items=7;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
  }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
  }
}
// End -->
</SCRIPT>

</body>

<FONT FACE="Verdana, Arial, Helvetica" SIZE="2"><body bgcolor="FFFFCC" onLoad="dropMenu(), scrollItems();">
<tr>
    <td vAlign="center" height="80%"><div align="center"><table border="0" cellPadding="0" cellSpacing="0" class="format" width="0"></div></table>
       
      <tr>
        <td align="middle" vAlign="top" class="format" width="0">
        <div id="object1" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=FF00FF>
                    <td>
                        <center>
                            <A HREF=velkomst.htm TARGET="main">
                            Forside
                            </A>
                        </center>
                    </td>
                </table>
            </div>
           
            <div id="object2" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=80FFFF>
                    <td>
                        <center>
                            <A HREF="grimkvinde.htm" TARGET="main">
                                Grimme Kvinder
                            </A>
                        </center>
                    </td>
                </table>
            </div>
           
            <div id="object3" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=00FF00>
                    <td>
                        <center>
                            <A HREF="grimmand.htm" TARGET="main">
                                Grimme mænd
                            </A>
                        </center>
                    </td>
                </table>
            </div>
           
           
            <div id="object4" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=FFFFFF>
                    <td>
                        <center>
                            <A HREF="webmaster.htm" TARGET="main">
                                Om webmaster
                            </A>
                        </center>
                    </td>
                </table>
            </div>
           
           
            <div id="object5" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=ffff66>
                    <td>
                        <center>
                            <A HREF="links.htm" TARGET="main">
                                Links
                            </A>
                        </center>
                    </td>
                </table>
            </div>
           
           
            <div id="object6" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <table border=1 width=150 bgcolor=ccff00>
                    <td>
                        <center>
                            <A HREF="upload.htm" TARGET="main">
                                Dit bridrag...
                            </A>
                        </center>
                    </td>
                </table>
            </div>
<tr>
        <td align="middle" vAlign="top" class="format" width="500">
        <div id="object7" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">
                <TABLE WIDTH="150" BORDER="1" BGCOLOR="#669966">
                    <td>
                        <center>
                            <A HREF=admin.htm TARGET="main">
                            Admin
                            </A>
                        </center>
                    </td>
                </table>
            </div>
    </td>
      </tr></FONT>

Håber på noget hjælp... :-)

- Andreas Vind.
Avatar billede mjl Nybegynder
09. juni 2000 - 21:58 #1
Kan desværre ikke hjælpe, men ville lige sige hej.....ex-medl. af HPC&IKlub.

Og god pinse....
Avatar billede theartist Nybegynder
09. juni 2000 - 22:13 #2
<div id="object1" style="position:absolute; visibility:show; left:40px; top:-50px; z-index:2">

det er disse der bestmmer placeringen af dit objekt. Placerer du den i en table skal du bruge position:relative; visibility:show; left:0px; top:-0px osv. osv.

absolute er bestemt for at man placerer et layer lige præcis på et bestemt sted ligegyldt om du gør vinduet større eller mindre, så bliver det der.

Avatar billede el_gnu Nybegynder
10. juni 2000 - 00:02 #3
hmmmm?!?! efter dit script kommer der </body> og lidt efter <body>. Det giver ingen mening(forhåbentligt en typo).

Derefter kommer der en table row uden at en tabel er begyndt?

Følgende giver(ret mig hvis det er forkert), intet synligt resultat(eller mening):
<div align="center"><table border="0" cellPadding="0" cellSpacing="0" class="format" width="0"></div></table>

en tabel der ikke fylder noget og som bliver startet efter et <div> tag og sluttet efter??? Hvis det er meningen vil jeg gerne have en forklaring på hvad det gør.

Resten er ordnet i en tabel(der er godt nok ingen <table> eller </table> tags), men som theartist nævner er indholdet i tabellen positioneret absolut og derfor uden tabellens indflydelse.

Mit råd: slet alle tables da animationenen bruger absolut positionering og tilpas i stedet left:40px til dine behov(f.eks. left:10px)

(-: el Gnu
Avatar billede el_gnu Nybegynder
10. juni 2000 - 00:05 #4
uden tabellens indflydelse = uden FOR tabellens indflydelse
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