Autor Zpráva
Anonymní
Profil *
Zdravím, mám pomocí tabulky udělané následující menu a vůbec se mi nedaří text odkazů vertikálně zarovnat na střed. Nevíte nikdo so s tím? Díky.

.prvni {
background-color: silver;
vertical-align: middle
}

td a {
display: block;
background-color: gold;
width: 9em; height: 2em;
text-decoration: none;
color: white;

}
td a:hover {background-color: red}
........
<table>
<tr>
<td class="prvni"><img src="bul.gif"></td>
<td><a href="home.html">Hlavní stránka</a></td>
</tr>

<tr>
<td class="prvni"><img src="bul.gif"></td>
<td><a href="cenik.html">Ceník</a></td>
</tr>

<tr>
<td class="prvni"><img src="bul.gif"></td>
<td><a href="objednavka.html">On-line objednávka</a></td>
</tr>
<tr>
<td class="prvni"><img src="bul.gif"></td>
<td><a href="kontakt.html">Kontakt</a></td>
</tr>
</table
Anonymní
Profil *
line-height:2em; ale nie som isty
Ošklivý sup
Profil *
no nechce se mne cist ten kod tabulek :-)
Ale zarovnani radku na vysku v bloku se dela tak, ze nastavis vysku radky na vysku bloku. Tim se automaticky vycentruje. Psal to nekdy nekde (to nekde je jistejsi, asi na pixy.cz :) Pixy myslim.

takže {height: 1.6em; line-height: 1.6em}

Problem vznika v okamziku kdy potrebujes mit neco presne xx px vysoke a jeste to vycentrovat (horizontalni menu). Pri zvetsovani pisma ten text divne vylejza (asi blbe popsane, ale to te asi trapit nebude :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0