Autor | Zpráva | ||
---|---|---|---|
tomas_vlcek Profil |
#1 · Zasláno: 9. 11. 2015, 17:21:10
Dobrý den, potřeboval bych prosím poradit, jak přesně udělat vertikální zarovnání textu v buňkách tabulky. Děkuji.
<table border="0"> <style> td a { width: 100%; height: 100%; text-align: center; background-color: blue; display: block} td a { color: yellow; font-size: 20px; font-weight: bold } td a:hover { background-color: yellow; color: blue; font-weight: bold } a {text-decoration: none} </style> <TR> <TD width="300" height="50"><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <TD width="300" height="50"><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <TD width="300" height="50"><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <TD width="300" height="50"><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> </TR> </table> |
||
Mari94 Profil |
#2 · Zasláno: 10. 11. 2015, 23:49:34
Pokud bude výška tabulky pořád 50px a velikost fontu 20px, zkuste přidat pro "td a" padding-top:15px;
Tedy CSS table { border:none; } td { width:300px; height:50px; } td a { width:100%; height:100%; text-align:center; background-color:blue; display:block; text-decoration:none; color:yellow; font-size:20px; font-weight:bold; padding-top:15px; } td a:hover { background-color:yellow; color:blue; font-weight: bold; } HTML <table> <tr> <td><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <td><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <td><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> <td><a href="http://www.idnes.cz">PÁTEČNÍ KURZY 18-21 h</a></TD> </tr> </table> |
||
Monkeys Profil * |
#3 · Zasláno: 11. 11. 2015, 00:37:07
tomas_vlcek:
td { vertical-align:middle; } |
||
Trejpa Profil |
tomas_vlcek:
Minule ti odpověď nestačila? Asi ne, používáš víceřádkový text. Je třeba přetypovat odkaz na buňku tabulky: ukázka - kód Mari94: A když se písmo zalomí na dva řádky, jaký bude padding? Monkeys: To se ale na odkaze ani jeho obsahu uvnitř buňky neprojeví, když zabírá celou její výšku. tomas_vlcek: Značka <style> nepatří dovnitř tabulky, ale do elementu hlavičky HEAD.
|
||
tomas_vlcek Profil |
Monkeys, Mari94:
Moc, díky. Toto jsem přesně potřeboval. tomas_vlcek, Mari94 tomas_vlcek: Potřeboval bych prosím ještě poradit, jak to udělat, aby jenom ta levá buňka měla třeba červené pozadí, ostatní buňky zůstaly modré. |
||
Bubák Profil |
Třebas takto, pokud nevadí nefunkčnost v dnes už historicky cenném IE6:
td:first-child a {background: red;} Nikdy nezakládej duplicity, nikdy!!! |
||
Časová prodleva: 8 let
|
0