Dodwin: sliding div-menu, aber das ganze auf den kopf gedreht

Beitrag lesen

Hallo Christopher,

Klick ich ein Menu an, so drückt es die anderen zwei auch irgendwie nach unten.
Denke es liegt daran das ich ne Tabelle mit 3 Feldern gemacht habe und in jedes Feld einfach ein Menu gepackt habe.

Richtig. Standardmäßig besitzen Zellen in einer Tabelle die Eigenschaft den Inhalt vertikal zu zentrieren.
Das kannst du z.B. so umgehen:
<td style="http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align@title=vertical-align:top;">...</td>

Dieser Inline Style ist aber recht unschön.
Das zeigt sich z.B. dadurch, dass du diese Anweisung 3 mal, also für jede Tabellenzelle setzen willst.

Um es also sauber zu machen könntest du oben in dem style-Bereich (<style type="text/css">...</style) Folgendes einfügen:

td {  
  vertical-align:top;  
}

Das würde bedeuten, dass sämtliche Tabellen-Zellen den Text vertikal oben positionieren.
Alternativ könntest du der Zelle auch eine Klasse zuweisen (<td class="vertOben">) und oben eine Formatierung für die Klasse angeben (vertOben {...}).

Siehe http://de.selfhtml.org/css/formate/index.htm@title=SELFHTML für weitere Infos.

Wusste mir aber nicht anders zu helfen als eine Tabelle zu nehmen.

Wenn du es noch sauberer lösen willst, dann nimmst du eine Liste und sagst, dass diese horizontal verlaufen soll (Beispiel).

Gruß,
Dodwin

--
Dodwin