vertical-align funktioniert nicht

[felix274]

Hallo,

ich habe ein Problem. Wenn ich nämlich in meiner Tabelle die vertikale Ausrichtung mit vertical-align:middle versuche einzustellen funktioniert das nicht. Vielleicht liegt es daran das ich per css ein mouseover für die <td>s habe. Kann mir jemand sagen was ich falsch mache? Hier ist ein Link zu der Tabelle: http://s245055866.online.de/

Danke

Felix

[suit]

ich habe ein Problem. Wenn ich nämlich in meiner Tabelle die vertikale Ausrichtung mit vertical-align:middle versuche einzustellen funktioniert das nicht. Vielleicht liegt es daran das ich per css ein mouseover für die <td>s habe. Kann mir jemand sagen was ich falsch mache? Hier ist ein Link zu der Tabelle: http://s245055866.online.de/

vielleicht möchtest du eine liste satt deiner tabelle machen und das ganze ordentlich formatieren und weiteres die abstände mit padding erzeugen?

[felix274]

ich möchte diese Tabelle als Navigation nutzen und will nur wissen warum ich es nicht vertikal ausrichten kann.

[suit]

ich möchte diese Tabelle als Navigation nutzen und will nur wissen warum ich es nicht vertikal ausrichten kann.

http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

[suit]

http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

nachtrag: zu früh abgeschickt,

entferne die überflüssigen formatierungen von deinen <a />-elementen, dann wirds funzen - vergleiche mit dem beispiel

bez tabelle: du bist dir sicher, dass du eine tabelle anstatt einer liste nutzen willst - du bist dir aber nicht im klaren, dass du es eigentlich nicht wollen solltest ;)

du hast eine tabelle mit einer zeile und mehreren spalten - per defintion ist eine tabelle aber niemals 1-dimensional sondern hat immer mindestens 2 dimensionen

die daten stehen dabei in beiden dimensionen in bezug zueinander

in deinem fall hast du eine 1-dimensionale struktur zusammengehöriger elemente, dies nennt man aufzählung oder liste - im html kontext sind dafür <ol /> oder <ul /> geeignet

[felix274]

OK. Ich versuche das ganze mal mit einer Liste. Trotzdem danke für die Hilfe!

[felix274]

Hallo,

ich habe das ganze jetzt als Liste geschrieben.
Jetzt habe ich aber immer noch das Problem mit der vertikalen Zentrierung. Geht das bei Aufzählungen auch mit vertical-align?
Vielleicht kann mir noch jemand sagen wie ich das ganze ohne Abstand zum linken Rand der Seite machen kann. (margin: 0 fuktioniert nicht)

Danke

Felix

Link zur Datei: s245055866.online.de

[ChrisB]

Hi,

ich habe das ganze jetzt als Liste geschrieben.
Jetzt habe ich aber immer noch das Problem mit der vertikalen Zentrierung. Geht das bei Aufzählungen auch mit vertical-align?

Nein. Aber mit line-height, so lange die Inhalte so kurz sind, dass sie einzeilig bleiben.
Andernfalls waeren padding auch noch eine Moeglichkeit.

Vielleicht kann mir noch jemand sagen wie ich das ganze ohne Abstand zum linken Rand der Seite machen kann. (margin: 0 fuktioniert nicht)

margin ist ja auch nur eine Art von Abstand, naemlich Aussen-. Um den Innen- hast du dich aber nicht gekuemmert.

MfG ChrisB

[MudGuard]

Hi,

ich habe ein Problem. Wenn ich nämlich in meiner Tabelle die vertikale Ausrichtung mit vertical-align:middle versuche einzustellen funktioniert das nicht. Vielleicht liegt es daran das ich per css ein mouseover für die <td>s habe. Kann mir jemand sagen was ich falsch mache? Hier ist ein Link zu der Tabelle: http://s245055866.online.de/

Du täuschst Dich. Die Inhalte Deiner td _sind_ vertikal zentriert.

Du hast für Deine td keine Höhenangaben gemacht, also sind sie so hoch wie es ihr Inhalt erfordert.
Der Inhalt aller Zellen ist gleich hoch (die 50px). Also sind die Zellen alle ebenfalls 50px hoch.
Der verbleibende Platz (von 0px) wird gleichmäßig oben (0px) und unten (0px) verteilt.

cu,
Andreas