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 |
#2 · Zasláno: 19. 12. 2014, 17:40:46
kelvin:
Rotace obsahu |
||
Bubák Profil |
#3 · Zasláno: 19. 12. 2014, 17:57:00
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 |
#4 · Zasláno: 19. 12. 2014, 17:58:56 · Upravil/a: kelvin
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 |
#5 · Zasláno: 19. 12. 2014, 18:09:17
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 |
#7 · Zasláno: 19. 12. 2014, 19:47:31
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.
|
||
Časová prodleva: 9 let
|
0