✔ Tabelle festsetzen

Status
Nicht offen für weitere Antworten.
M

macropode

Erfahrenes Mitglied
hallo allerseits ich habe ein kleineres Problem.

Ich habe ein vertikales aufklappmenue per javascript in eine tabelle gesetzt.

Das script funktioniert. jedoch wenn es sich öffnet verschiebt sich die tabelle.

Dies soll vermieden werden da sich sonst die ganze seite verschiebt.

Hier erstmal der code.


Code: 
function show(divid) {  
 
d=document;  
 
d.getElementById("cat1").style.display="none";  
 
d.getElementById("cat2").style.display="none";  
 
d.getElementById("cat3").style.display="none";  
 
d.getElementById(divid).style.display="inline";  
 
 
 
}  
 
 
 
</script>  
 
    </head> 
 
    <body background="images/back.gif" marginheight="10" topmargin="10"> 
    <div align="center"> 
        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> 
                <tr> 
                    <td align="center" valign="top"> 
                        <table width="800" border="0" cellspacing="0" cellpadding="0" height="180"> 
                            <tr height="140"> 
                                <td width="800" height="140" background="images/kopf.jpg"></td> 
                            </tr> 
                            <tr height="30"> 
                             
                                <td width="800" height="30" background="images/navi.jpg"> 
<table width="180" cellpadding="1" cellspacing="1" border="0">  
 
<tr> 
                <td class="heads" height="25" colspan="1">  
         <a CLASS="nav$navalign" href="javascript:;" onmouseover="show('cat1') ">Menu1 </a> 
     </td>  
    <td class="heads" height="25" colspan="1">  
 
         <a CLASS="nav$navalign" href="javascript:;" onmouseover="show('cat2') ">Menu2 </a> 
    </td>  
    <td class="heads" height="25" colspan="1">  
         <a CLASS="nav$navalign" href="javascript:;" onmouseover="show('cat3') ">Menu3 </a> 
    </td>  
</tr> 
<tr> 
<td class="standard" colspan="1">  
     
    <div id="cat1" style="display:none">  
 
    » <a CLASS="nav$navalign" href=derlink1.php>Menu1 Unterpunkt</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink2.php>Menu1 Unterpunkt1</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink3.php>Menu1 Unterpunkt2</a><br />  
 
    </div>  
</td> 
 
<td class="standard" colspan="1">  
 
    <div id="cat2" style="display:none">  
 
    » <a CLASS="nav$navalign" href=derlink1.php>Menu2 Unterpunkt</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink2.php>Menu2 Unterpunkt1</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink3.php>Menu2 Unterpunkt2</a><br />  
 
    </div>  
 
</td> 
<td class="standard" colspan="1">  
 
<div id="cat3" style="display:none">  
 
    » <a CLASS="nav$navalign" href=derlink1.php>Menu3 Unterpunkt</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink2.php>Menu3 Unterpunkt1</a><br />  
 
    » <a CLASS="nav$navalign" href=derlink3.php>Menu3 Unterpunkt2</a><br />  
 
</div>  
 
</td> 
</tr> 
 
</table>  
                                 
                                </tr> 
<tr><td>hier kommt dann der zur zeit unwesentliche rest</td></tr></table>
    </body> 
 
</html>

könnt ihr mir helfen wie ich das Problem lösen kann?
 
Hi,

das wird sich so nicht vermeiden lassen, es sei denn, dass du auf ein tabellenloses Seitenlayout umsattelst bzw. zumindest das Menü aus der Tabelle verbannst und dich beispielsweise an Stu Nicholls' Dropdown-Menü orientierst.
 
gibt es kein javascript befehl der sagt: "fixiere tabellengrüße und schreibe drüber"

oder sowas ähnliches?
 
Kurze Antwort: Nein.

Denn das in einer Tabellenzelle eingebundene Menü lässt sich nicht über die Tabellenzellengrenze hinweg öffnen.
 
Da siehst du etwas falsch, denn das Menü ist dort nicht in einer Tabelle eingebunden. Zudem werden in diesem absolut positionierten und schichtpositionierten (z-index) Menü die Werte visible und hidden für die CSS-Eigenschaft visibility getauscht, um die Submenüs ein- u. auszublenden.

So gesehen kannst du dein verwendetes Menü mit Thomas Brattlis "Coolmenus" auch nicht vergleichen.

Und bitte achte zukünftig in deinen Beiträgen auf eine durchgängige Groß- und Kleinschreibung - siehe Netiquette Nr.15.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück