nicht angemeldet
IE: vertical-align klappt bei mir nicht!
Schluchz! Ich sitze schon stundenlang daran und finde keine Loesung! Folgender Code:
<html>
<head>
<title>Menu1</title>
<style type="text/css">
.menu1tab{border:1px;
border-style:solid;
border-color:#708090;}
.menu1{font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
color:#F5F5F5;
text-align:center;
background-color:black;}
.menu1 a{display:block;
width:106px;
height:50px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
vertical-align:middle;
font-size:13px;
font-weight:bold;
color:#F5F5F5;
text-decoration:none;}
.menu1 a:hover{background-color:#8F984F}
.menu1on{font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
color:#8F989F;
text-align:center;}
</style>
</head>
<body bgcolor="#FFFFFF">
<!--MENU1-->
<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="black">
<tr>
<td width="106" height="70" class="menu1tab"><div class="menu1on">A</div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">B</a></div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">C</a></div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">D</a></div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">E</a></div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">F</a></div></td>
<td width="106" height="70" class="menu1tab"><div class="menu1">
<a href="#">G</a></div></td>
</tr>
</table>
<!--/MENU1-->
</body>
</html>
Mir geht es darum, den Text innerhalb des highlights vertikal in der Mitte auszurichten. Das 'vertical-align:middle;' habe ich schon auf verschiedenste Weise versucht einzusetzen, im IE 5.0 will es aber einfach nicht funktionieren. NS hat dabei absolut keine Probleme...
Waere extrem dankbar fuer Eure Hilfe!
Willi
-
Hallo!
Das <a> versteht glaub ich kein vertical-align.
Das kann man aber mit einem Trick trotzdem zentrieren.
Füge bei den Style-Eigenschaften von <a> padding:16; dazu. Dadurch werden die Abstände zum Text grösser und der Text zentriert sich automatisch.
Mit 16 trifft er fast genau die Mitte.Gruß, Paule
-
Vielen Dank Paule!
Stimmt, mit padding klappt's perfekt in beiden Browsern!
LG
Willi
-