Ebenenproblem von Nina, 18.06.2004 20:54

Ebenenproblem

Nina 18.06.2004 20:54

javascript

Hallo,

hab ein Problem mit den Ebenen - schaut euch das mal an:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!--

function ShowHideBlock(nr,act) { if(document.getElementById) { obj=document.getElementById("ebkat"+nr); } if(document.all && !document.getElementById) { obj=document.all["ebkat"+nr]; }

if(act=="on") { obj.style.display="block"; }

if(act=="off") { obj.style.display="none"; }

}

//--> </SCRIPT> <table cellpadding=0 cellspacing=0 border=0 width="100%"> <tr> <td width="50%" valign="top"> <a href="#" onmouseover="ShowHideBlock('1','on');" onmouseout="ShowHideBlock('1','off');">GGGGG</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('1','on');" onmouseout="ShowHideBlock('1','off');" id="ebkat1"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://immer.de" target="_blank">Müller<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <a href="#" onmouseover="ShowHideBlock('2','on');" onmouseout="ShowHideBlock('2','off');">Kirche</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('2','on');" onmouseout="ShowHideBlock('2','off');" id="ebkat2"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://viel.de" target="_blank">asrzehilhzilhzil<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://kerze.de" target="_blank">Kerze<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://jetzt.de" target="_blank">Kerzedghdgh<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <a href="#" onmouseover="ShowHideBlock('3','on');" onmouseout="ShowHideBlock('3','off');">Noch ein Link</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('3','on');" onmouseout="ShowHideBlock('3','off');" id="ebkat3"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://www.test.de" target="_blank">Klick mal hier<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://www.test.de" target="_blank">Meier<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <br> <br> </td> <td width="50%" valign="top"> <a href="#" onmouseover="ShowHideBlock('4','on');" onmouseout="ShowHideBlock('4','off');">Testkategorie</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('4','on');" onmouseout="ShowHideBlock('4','off');" id="ebkat4"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://mueller.de" target="_blank">Müller<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://hier.de" target="_blank">Noch ein link<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://link.de" target="_blank">Testlink<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td>· <a href="http://richard.de" target="_blank">Wurm<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <a href="#" onmouseover="ShowHideBlock('5','on');" onmouseout="ShowHideBlock('5','off');">Testkategorie2</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('5','on');" onmouseout="ShowHideBlock('5','off');" id="ebkat5"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://natur.de" target="_blank">Müller<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <a href="#" onmouseover="ShowHideBlock('6','on');" onmouseout="ShowHideBlock('6','off');">Testwas</a><br> <div style="position:relative; top:-3px; left:10px; display:none" onmouseover="ShowHideBlock('6','on');" onmouseout="ShowHideBlock('6','off');" id="ebkat6"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> <tr> <td bgcolor="#C2CADA"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td valign="top" bgcolor="#C2CADA"> <table cellpadding=1 cellspacing=0 border=0> <tr> <td>· <a href="http://link.de" target="_blank">Testlink<br></a></td> <td><img border="0" src="../../images/leer.gif" width="5" height="1"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> <td><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> </table> </td> <td bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="1" height="2"></td> </tr> <tr> <td><img border="0" src="../../images/leer.gif" width="2" height="2"></td> <td colspan=2 bgcolor="#233B71"><img border="0" src="../../images/leer.gif" width="2" height="2"></td> </tr> </table> </div> <br> <br> </td> </tr> </table>

Die Ebenen klappen auf, schieben aber den Rest mit runter - wie kann ich das ändern?

NINA

Beitrag melden

– Informationen zu den Bewertungsregeln

Ebenenproblem
Ingo Turski Homepage des Autors 18.06.2004 21:56

css
– Informationen zu den Bewertungsregeln
Hi,

<div style="position:relative; top:-3px; left:10px; display:none"

hier gibst Du an, daß das Element im Textfluß positioniert werden soll und diesen, wenn es angezeigt wird - natürlich auch beenflußt. Eine Suche im CSS-Teil von Selfhtml, speziell dem Beitrag über Positionierungen, dürfte Dir weiterhelfen.

Es hätte übrigens bereits ein kleiner Ausschnitt aus dem Quelltext ausgericht.

freundliche Grüße
Ingo
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Nina: Ebenenproblem

Ebenenproblem

Ebenenproblem

Ebenenproblem