| Autor | Zpráva | ||
|---|---|---|---|
| Jiřinec Profil * |
#1 · Zasláno: 31. 5. 2007, 15:01:18
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 |
#2 · Zasláno: 31. 5. 2007, 15:12:45
Jiřinec
Zkus <img style="vertical-align:middle" .... |
||
| habendorf Profil |
#3 · Zasláno: 31. 5. 2007, 15:13:28
.obal * {vertical-align:middle;}
Třeba. |
||
| Keilew Profil |
#4 · Zasláno: 31. 5. 2007, 15:44:48
Na to je ten trik: line-height: 50px, height: 50px...
|
||
| habendorf Profil |
#5 · Zasláno: 31. 5. 2007, 15:57:33
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 |
#6 · Zasláno: 31. 5. 2007, 16:13:04
habendorf
Tak pak doporučuju Pixyho zelenou knihu - strana 197 - Svislé centrování bloku neznámé výšky:-) |
||
| habendorf Profil |
#7 · Zasláno: 31. 5. 2007, 16:18:43
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 |
#8 · Zasláno: 31. 5. 2007, 16:20:51
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 |
#9 · Zasláno: 31. 5. 2007, 16:24:58
navíc CSS není o vertikálním zarovnávání...
wie bitte? |
||
| Keilew Profil |
#10 · Zasláno: 31. 5. 2007, 16:29:48
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 |
#11 · Zasláno: 31. 5. 2007, 16:33:32
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 |
#12 · Zasláno: 31. 5. 2007, 16:37:55
Když jsem tu sháněl kdysi centrování textu k obrázku, tak mi bylo řečeno přesně toto...
|
||
|
Časová prodleva: 2 měsíce
|
|||
| Dominik Profil * |
#13 · Zasláno: 21. 7. 2007, 10:05:29
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? |
||
|
Časová prodleva: 17 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0