Autor Zpráva
kelvin
Profil
Mám: <p><a href="/"><img src="a.png" height="30">nějaký text</a></p>

Jak přes CSS vertikálně vycentruji ten "nějaký text"?
Marschmallow
Profil
kelvin:
Rotace obsahu
Bubák
Profil
Uprav si http://kod.djpw.cz/rwib
Nesplňuje přesně zadání, nevím, nakolik to vadí ve tvém případě, namísto obrázku je použitý obrázek na pozadí.
kelvin
Profil
Marschmallow:
Nechci text rotovat. Chci, aby byl na vertikálním středu řádku. To jest, když je text vysoký 12px a řádek je vysoký 30px (dáno velikostí obrázku), tak aby nad textem i pod textem byla 9 px mezera.

Pro jednoduchý specifický případ, kdy je obrázek na začátku řádku jsem to teď vyřešil, ale zajímalo by mě jak to řešit obecně, pokud je obrázek třeba uprostřed řádku.

Mé řešení:
<p><a href="/"><div class="loga"><img src="a.png" height="30"></div>nějaký text</a></p>

p div.loga {width:130px;  float:left; border-right: 10px solid white; text-align:center; }
p p  {line-height:30px}             

Ukázka: http://www.drobnepamatky.cz/node/4025 , kliknout na Památka na různých mapách: rozbalit/sbalit


Bubák:
Obrázek na pozadí vadí.
Trejpa
Profil
kelvin:

<img src=obrazek.png align=middle> nějaký text

img { vertical-align: middle; }
kelvin
Profil
Trejpa:
Díky, to funguje. I bez toho align=middle.


Ještě - je možné tomu obrázku dát šířku "plátna"? Něco jako img width:100px; tak aby se nedeformoval, ale zajistila se tak stejná šířka pro různě široké obrázky pod sebou?

To byl důvod, proč jsem to uzavíral do divu.

Ještě se opravím, to <p><a href="/"><div class="loga"><img src="a.png" height="30"></div>nějaký text</a></p> není dobře. Div nesmí být v <p>, to <p> se před ním ukončí a nejde například nastavovat výška řádku. Místo div lze použít span.
Trejpa
Profil
kelvin:
I bez toho align=middle.
Dvě řešení téhož.

Místo div lze použít span.
Ano, a nastavit mu display: inline-block, hodit se bude i šířka, výška, vertikální centrování a případně ořez.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: