nicht angemeldet
Vertical-Align ohne Funktion?
0 
Gunnar Bittersmann
0 0
Vertical-Align ohne Funktion?
Grüß Gott!
Ich versuche schon seit 2 Tagen einen Linktext in einer Tabellenzelle mit CSS zu zentrieren, leider bis jetzt ohne Erfolg. Die horizontale Ausrichtung funktioniert tadellos, nur vertikal will der Text einfach nicht in die Mitte. Im Prinzip sollte die Zelle mit mittigen Text dann als Button mit Hover-Funktion agieren
Vielleicht hat jemand einen Tip!?
Hier ist der Teil des Codes, den ich im HTML Teil verwende:
<td title="menu_1">
<a class="home" href="index.htm">HOME</a>
</td>
Und das für das CSS:
a.home {
display:block;
width:85px;
height:23px;
text-align:center;
vertical-align:middle;
color: #FFFFFF;
text-decoration: none;
font-family: verdana,sans-serif;
font-style: normal;
font-size: 7pt;
font-weight: normal;
}
a.home:link { background-color:#c4c4c4;}
a.home:visited { background-color:#c4c4c4;}
a.home:hover { background-color:#a2795d;}
a.home:active { background-color:#a2795d;}
Wie gesagt, die Hover-Buttons funktionieren aber "HOME" befindet sich horizontal in der Mitte aber vertikal am oberen Zellenrand statt ebenfalls in der Mitte. Hab schon die wildesten Kombinationen ausprobiert, also auch die vertikale Ausrichtung im tr- und td-tag, aber so wie in selfHTML beschrieben müsste es ja auch im CSS funktionieren.
Bin für jede Hilfe unendlich dankbar!
Danke,
Gerald
-
Hello out there!
vertikal will der Text einfach nicht in die Mitte.
Vielleicht hat jemand einen Tip!?'vertical-align' auf das richtige Element anwenden; das richtet nicht das Element selbst, sondern dessen Inhalt aus.
<td title="menu_1">
<a class="home" href="index.htm">HOME</a>
</td>Bist du sicher, dass du tabellarische Daten hast? Ein Menü ist eine LISTE mit Links.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hi!
Hm, ja, also bei mir befindet sich in jeder Zelle ein einziger Link, damit das mit dem Hover-Background funktioniert.
Ich hab, wie nimble beschrieben, ein "line-height:23px;" eingebaut und mit dem funktionierts.
Danke,
Gerald-
Hello out there!
Hm, ja, also bei mir befindet sich in jeder Zelle ein einziger Link, damit das mit dem Hover-Background funktioniert.
Dass „das mit dem Hover-Background funktioniert“, hat mit einer Tabelle rein gar nichts zu tun, das funktioniert mit einer Liste genauso.
Ich hab, wie nimble beschrieben, ein "line-height:23px;" eingebaut und mit dem funktionierts.
Quick and dirty, he?
td {vertical-align: middle}– wie Gerd und ich gesagt hatten – wäre die saubere Variante gewesen.See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-
-
-
Auch Grüß Gott!
Die Zelle mit vertical-align:middle; zu formatieren (statt den Link) müßte doch eigentlich klappen ?!
Mfg
-
Hi,
Hab ich auch schon probiert, aber leider ohne Erfolg.
Mit dem "line-height"-Attribut funktioniert jetzt aber!Danke danke,
Gerald
-
-
Hi
a.home {
display:block;
width:85px;
height:23px;line-height: 23px;
text-align:center;
vertical-align:middle;
color: #FFFFFF;
text-decoration: none;
font-family: verdana,sans-serif;
font-style: normal;
font-size: 7pt;
font-weight: normal;
}
a.home:link { background-color:#c4c4c4;}
a.home:visited { background-color:#c4c4c4;}
a.home:hover { background-color:#a2795d;}
a.home:active { background-color:#a2795d;}und das Klappt wie es soll :-)
THX
--
ie:} fl:( br:> va:) ls:& fo:# rl:( n4:? ss:) de:] js:| ch:? sh:) mo:? zu:)
------------------------------
lieber ein Pinguin der läuft
als ein Fenster das hängt
-------------------------------
VIELEN VIELEN DANK!!!
Das klappt jetzt mit dem "line-height" wie geschmiert!
Danke nochmal, Gerald
-