Avatar billede getalife Nybegynder
29. maj 2004 - 17:54 Der er 4 kommentarer og
1 løsning

Dropdown rykker siden nedad.

Hejsa

Jeg sidder her med et problem som jeg ikke lige kan finde en løsning på..

Jeg har en side hvorpå jeg har lavet et par links. Ved tryk på disse links skal der komme en tabel neden under.. altså en dropdown menu..
Problemet er bare at når jeg trykke på linket i "hovedmenuen" så rykker resten af siden nedad og menuen ligger sig ikke oven over det billede jeg har neden under.

Der er sikkert en MEGET nem løsning, men jeg tror jeg har stirret mig blind på et eller andet.

Koden ser i grove træk således ud:
<html>
<head>
<title>Untitled Document</title>

<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function ShowHide(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
if(styleObj.display == "none"){
styleObj.display = ""
}else{
styleObj.display = "none"
    }
}


</script>

<style type="text/css">
<!--
body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.parent_items {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    width: 200px;
}
.child_table {
    background-color: #ffffff;
}

.child_item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}


-->
</style>

</head>
<body>
<br>
<br>
<br>
<br>

<table width="770" border="1" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td valign=top align=center>

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td class="parent_items">
            <a href="java script:ShowHide('mitlayer1')">Forside</a>
        </td>
        <td class="parent_items">
            <a href="java script:ShowHide('mitlayer2')">Salling fylder 100 år</a>
        </td>
        <td class="parent_items">
            <a href="java script:ShowHide('mitlayer3')">Tilbud hos Salling</a>
        </td>
    </tr>
</table>

            <div name="mitlayer1" id="mitlayer1" style="position:relative; filter:alpha(opacity=70); display: none;">
                <table style="z-index: 99;" width="200" bgcolor="#cccccc" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="center">
                            <img src="images/spacer.gif" height="1" width="1"><br>
                            <table class="child_table" width="198" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td class="child_item">
                                        HEJ MED DIG
                                    </td>
                                </tr>
                                <tr>
                                    <td class="child_item">
                                        HEJ MED DIG
                                    </td>
                                </tr>
                                <tr>
                                    <td class="child_item">
                                        HEJ MED DIG
                                    </td>
                                </tr>
                            </table>
                            <img src="images/spacer.gif" height="1" width="1"><br>
                        </td>
                    </tr>
                </table>
            </div>



</td>
</tr>
</table>

<table width="760" border="1" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td><img src="Images/billedekavalkademedsortramme.jpg" width="760" height="70"></td>
</tr>
</table>
</body>
</html>
Avatar billede skovenborg Nybegynder
29. maj 2004 - 18:29 #1
tjaa, du kan jo prøve at lave en div rundt om dine undermenuer, som er positioneret relativt, og derefter sætte dine undermenuer absolute (i forhold til den div du har tilføjet), altså:
<div style="position:relative">
<div name="mitlayer1" id="mitlayer1" style="position:absolute; filter:alpha(opacity=70); display: none;">
                <table style="z-index: 99;" width="200" bgcolor="#cccccc" cellpadding="0" cellspacing="0" border="0">
                    <tr>

Det kan dog være du skal ændre lidt på hvor den skal sidde henne.
Avatar billede getalife Nybegynder
17. juli 2006 - 00:10 #2
Hvad pokker.. har jeg ikke fået lukket det her endnu..
Smid lige et svar :)
Avatar billede skovenborg Nybegynder
22. juli 2006 - 23:02 #3
værsgó så!!! Håber du kunne bruge det - selvom det er lang tid siden
Avatar billede getalife Nybegynder
23. juli 2006 - 00:05 #4
Aner det ikke.. kan slet ikke huske det :)
Avatar billede skovenborg Nybegynder
23. juli 2006 - 00:24 #5
nånå, men så fik vi jo lukket spørgsmålet ;-)
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