Autor Zpráva
Jiřinec
Profil *
Zdravím.

Jak udělat, aby byl text odkazů zarovnaný (výškově) na střed obrázku.
Mám toto:
<a href="./index.html"><img src="./obr.png">Text odkazu</a>

a pokud má obrázek 50X50, tak ten text odkazu je zobrazen vespod obrázku vpravo, ale já to chci zarovnat na střed obrázku vpravo.

Díky za nápady.
Plaváček
Profil
Jiřinec

Zkus <img style="vertical-align:middle" ....
habendorf
Profil
.obal * {vertical-align:middle;}

Třeba.
Keilew
Profil
Na to je ten trik: line-height: 50px, height: 50px...
habendorf
Profil
Keilew: To je trik celkem k ničemu. Další obrázek bude mít 30px, další 70px a co teď? A co když bude mít text dva řádky?
Keilew
Profil
habendorf
Tak pak doporučuju Pixyho zelenou knihu - strana 197 - Svislé centrování bloku neznámé výšky:-)
habendorf
Profil
Keilew: No nechci se hádat, ale to je kanón na vrabce, navíc trochu zarezlý. Není skutečně jednodušší viz 31.5.2007 15:13:28 ?
Keilew
Profil
habendorf a funguje to zaručeně? Já s tím měl vždycky problémy... navíc CSS není o vertikálním zarovnávání...
habendorf
Profil
navíc CSS není o vertikálním zarovnávání...

wie bitte?
Keilew
Profil
To je doména tabulek, ne divů, tak se tak nediv:-)
Cituji: "Vertikální centrování jako takové je totiž v přímém rozporu s vizuální představou webové stránky o dané šířce prezentované oknem klientského prohlížeče jako průzoru na nekonečně dlouhou stránku, ovládanou vertikálním posuvníkem." Uff...
Nebo to je taky zrezivělé?
habendorf
Profil
Keilew: Jenže motáš jabka s hruškama. Jedna věc je vycentrovat něco proti sobě (typicky label a input), druhá věc je centrovat vertikálně celý web na viewportu (to je samozřejmě nesmysl).
Keilew
Profil
Když jsem tu sháněl kdysi centrování textu k obrázku, tak mi bylo řečeno přesně toto...
Dominik
Profil *
Dotaz a co když to mam jako pozadí ten obrázek:
.d-ul-menu{
list-style-image: url("img/navigation/nav1/blue.gif");
margin-top:5px;
}

odrážka je tedy to blue.gif, je veliká 16px ve šířku, 14px na výšku a text se mi dává dolů a chci to mít uprostřed té odrážky...

co s tím?
Toto téma je uzamčeno. Odpověď nelze zaslat.