nicht angemeldet
Hallo,
Wenn ich nun aber den Hintergrund beim Überfahren mit der Maus ändern möchte, das ganze Rechteckig und nebeneinander, statt untereinander, sein soll und ich nicht 30 Grafiken erstellen möchte, zu der es immer ein Gegenstück gibt, dann fällt mir im Moment nur eine Tabelle ein, deren Hintergrundfarbe ich per Event ändere. Eine dafür entsprechende CSS Formulierung kenne ich im Moment nicht.
Du nimmst für die Menüleiste ein <div> und packst dort ein paar <a href="#"> rein. Somit hast du schon mal eine horizontale Menüleiste. Das kannst du dann schick mit CSS hinbiegen wie du lustig bist, der Hintergrundwechsel erfolgt via CSS: a:hover {background: [farbe]} Um die Menüpunkte jeweils in (einigermassen) gleicher Breite zu haben kannst du mit padding-left und padding-right in den <a> herumprobieren.
Die <div> für die Untermenüs positionierst du absolut entsprechend der Menüpunkte. Innerhalb dieser div's ist es ebenfalls nicht notwendig auf Tabellen zurückzugreifen.
Das Ein- und Ausblenden bewerkstelligst du dann via document.getElementById('div_id').style.visibility = 'visible|hidden' (Siehe http://selfhtml.teamone.de/javascript/objekte/style.htm und http://selfhtml.teamone.de/javascript/objekte/document.htm#get_elements_by_name)
Gruß Herbalizer