Habe Frage wegen Menü...
DarkJK
- css
0 DarkJK0 Dieter Raber
Guten Tag, ich habe ein Menü gemacht mit Mousover.
Code:
<td valign="top" width="54" height="23">
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')" style="font-weight:bold">
<img src="design/b2.jpg" width="54" height="23"
onMouseOver="Bildwechsel(1, Highlight2)"
onMouseOut="Bildwechsel(1, Normal2)">
<span id="menue#2" style="display: none;>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
Nun ist es so, dass bei diesem Beispiel der Button 54 breit ist. Wenn ich mit der Maus drüber gehe, dann fährt das Menü auf und zeigt mit die Demolinks an!
Nur diese sind breiter als 54. Im späteren Zeiten werden die Name der Links vielleicht noch länger.
Jetzt meine Frage, kann man irgendwie es erreichen, dass der Button seine Größe hält und das unten auffahrende sich nur verbreitert?
Hoffe ihr könnt mir helfen.
Mfg
Hat mir keiner eine Lösung? Schade.
Hallo DarkJK,
Dein Menue waere wesentlich unkomplizierter, wenn dein HTML sinnvoller waere. Durch deine Tabellenkonstruktion zwingst du dem <div> die Breite von <td> auf, die durch <img> festgelegt ist.
Navigationen sind aber Listen von Dingen und nicht tabellearische Daten, also sollten verschachtelte Menues eher so aussehen:
<ul>
<li><a .. >Link </a></li>
<li><a .. >Link </a></li>
<li><a .. >Link </a>
<ul>
<li><a .. >Link </a></li>
<li><a .. >Link </a></li>
<li><a .. >Link </a></li>
</ul>
</li>
</ul>
Wenn das <li>-Element, das das Untermenue enthaelt, relativ und das <ul> des Untermenues absolut positioniert waeren, koennte das Untermenue sich voellig frei entfalten. Dein Problem wuerde somit also garnicht erst auftauchen.
Die Formatierung der gesamten Navigation gehoert natuerlich in ein Stylesheet nicht in den HTML-Code.
In modernen Browsern funktioniert das vollkommen ohne Javascript, lediglich IE 6 braeuchte etwas JS.
Lies mal diesen Artikel zum gleichen Thema, der sollte eigentlich all deine Fragen beantworten.
Gruß,
Dieter