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