CSS vlastnost vertical-align urΦuje zarovnßnφ na v²╣ku.
| hodnoty | vertikßlnφ zarovnßnφ prvku na vy╣╣φm °ßdku | vertikßlnφ zarovnßnφ bu≥ky tabulky |
|---|---|---|
| baseline | prvek le╛φ na ·Φa°φ °ßdku | na ·Φa°φ °ßdku |
| sub | hornφ index (nezmen╣en²) | nelze pou╛φt (poΦφtßno jako baseline) |
| super | dolnφ index (nezmen╣en²) | nelze pou╛φt (jako baseline) |
| top | co nejv²╣e | k hornφmu okraji bu≥ky |
| text-top | hornφ okraj prvku lφcuje s hornφm okrajem °ßdku | nelze pou╛φt (jako baseline) |
| middle | st°ed prvku na st°ed °ßdku | na st°ed v╣ech °ßdk∙, do kter²ch zasahuje |
| bottom | co nejnφ╛e | ke spodnφmu okraji bu≥ky |
| text-bottom | spodek prvku lφcuje se spodkem °ßdku | nelze pou╛φt (jako baseline) |
| procento | procento v²╣ky prvku lφcuje s procentem v²╣ky °ßdku | nevφm, zda lze pou╛φt |
V²chozφm zarovnßnφm je poloha na °ßdku.
Vlastnost vertical-align se dß pou╛φt pouze ve dvou p°φpadech:
| Prohlφ╛eΦ | Podpora ve verzφch | Poznßmka |
|---|---|---|
| 4, 5.0 | pouze hodnoty baseline, sub a super (hornφ a dolnφ index) | |
| 5.5, 6 | v╣echny hodnoty | |
| Mozilla (Netscape 6+) | v╣echny verze | |
| Opera | 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | skoro ne | pouze pro bu≥ky tabulky |
╚asto chci, aby se mi obsah v╣ech bun∞k tabulek zarovnßval nahoru. Normßln∞ se toti╛ obsah bun∞k vertikßln∞ zarovnßvß na st°ed. Tak╛e to zarovnßnφ bun∞k nahoru:
<style>
td {vertical-align: top}
</style>
U n∞kterΘ tabulky budu ale t°eba chtφt, aby se mi obsahy bun∞k zarovnaly dol∙. Tabulce p°idßm t°φdu class="naspodek" a stylopis bude vypadat takhle:
<style>
table.naspodek td {vertical-align: bottom}
</style>
Line-height = v²╣ka °ßdku, Bu≥ka tabulky v HTML, Tag <sub> v HTML, Tag <sup> v HTML, Zarovnßnφ obrßzku v HTML
neznßm, napi╣te mi.
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek