nicht angemeldet
vertical-align Problem bei display:block!
Hallo, hier ist meine HTML-Datei:
<table border="0" cellspacing="0" cellpadding="0" class="tb" width="200">
<tr>
<td class="titel" colspan="2" height="25" background="pics/head_blue.jpg" align="center">
Test
</td>
</tr>
<tr>
<td width="50" bgcolor="#FFC000" align="center"><img src="pics/package.png"></td>
<td width="150" bgcolor="#FFFFFF" valign="middle"><a href="opferbix.html" class="block">Opferbix</a></td>
</tr>
</table>
<br>
Und hier der dazugehörige Teil aus der css-Datei:
a.block:link {
color: #000000;
background:#FFFFFF;
display:block;
text-align:center;
vertical-align:middle;
width:150px;
height:30px;
border:black solid 0px;
padding:0px;
text-decoration:none;
font:12px verdana;
}
a.block:visited {
color: #000000;
background:#FFFFFF;
display:block;
text-align:center;
vertical-align:middle;
width:150px;
height:30px;
border:black solid 0px;
padding:0px;
text-decoration:none;
font:12px verdana;
}
a.block:active {
color: #000000;
background:#FFFFFF;
display:block;
text-align:center;
vertical-align:middle;
width:150px;
height:30px;
border:black solid 0px;
padding:0px;
text-decoration:none;
font:12px verdana;
}
a.block:hover{
color: #000000;
background-color:#6C92EA;}
Das Problem ist nun die Zeile vertical-align:middle! Das wird einfach nicht richtig dargestellt bei mir (IE). Der Text ist trotzdem noch oben an den Block gepresst und nicht zentriert (also von der Höhe). Was mache ich falsch und wie kann ich dieses Problem lösen?
Vielen Dank
Gruß
Kevin
-
.. logisch: du musst der zelle, in der dein link steht, das vertical-align verpassen. der link-text selbst kann sich nicht selbst in die mitte setzen, das wird von seiner umgebung, als der tabellenzelle, vorgegeben.
gruß hein
-
.. logisch: du musst der zelle, in der dein link steht, das vertical-align verpassen. der link-text selbst kann sich nicht selbst in die mitte setzen, das wird von seiner umgebung, als der tabellenzelle, vorgegeben.
Du meinst so?
<table border="0" cellspacing="0" cellpadding="0" class="tb" width="200">
<tr>
<td class="titel" colspan="2" height="25" background="pics/head_blue.jpg" align="center">
Test
</td>
</tr>
<tr>
<td width="50" bgcolor="#FFC000" align="center"><img src="pics/package.png"></td>
<td width="150" bgcolor="#FFFFFF" style="vertical-align:middle;"><a href="opferbix.html" class="block">Opferbix</a></td>
</tr>
</table><br>
Funktioniert aber trotzdem nicht :-(
Gruß
Kevin
-
Funktioniert aber trotzdem nicht :-(
.. öhm also bei mir funktioniert es mit deinem code. denke daran, dass bei änderungen von css-eigenschaften der browser auch mal gern neu gestartet werden muss. aber so wie du es jetzt gemacht hattest, gehts - sollte also auch bei dir laufen...
gruß hein
-
-
-
hi Kevin,
dein Problem muss woanders liegen, nicht im geposteten Code, denn die Voreinstellung für Text in Tabellen ist bereits vertical-align:middle.
mfg. YLT
PS: hab CSS + table deines 1. Post getestet und dein Wunschergebnis zeigte mir auch der IE