Autor Zpráva
Anonymní
Profil *
jak mám vycentrovat text v bloku dolů?
Př.
<div><span>Text</span></div>
div {
height:5em;
line-height:5em;
}
span {
vertical-align:text-bottom;
}
To mi nefunguje :(
los_adios
Profil
Nemělo by být vertical-align: bottom..? S horizontálním formátováním v CSS jsou zatím stále problémy, osobně když potřebuju takto formátovat, používám tabulku... Ale to asi nechceš slyšet...
Nai Dzet Quiv
Profil
Nejsem si jistý, jestli se nemá vertical-align pro blokový prvek, v našem případě <div>...?
Fred
Profil
To snadno asi nepůjde, to je jeden z dotazů co jim říkám pro Plaváčka :-)
Zkusil bych to takhle, ale zůstává problém se šířkou

<style type="text/css">
div {
height:5em;
background:#ccc;
display:table-cell; /*tady může být i display:table;*/
vertical-align:bottom;
}
div>span{ /*definice pro FF a Operu atd.*/
margin-right:800px; /*tady bude problém se šířkou ve Firefoxu a Opeře, musí se nastavit natvrdo*/
}
span{
display:block;
font-size:1em;
}
*html span{ /*definice pro IE, pokud bude v IE zvoleno písmo nejmenší, bude to rozbité, pokud bude víc jak jeden řádek textu ve spanu, bude to taky rozbité*/
margin-top:4em;
}
//-->
</style>

<div><span>Text</span></div>
Miškin
Profil
Zapoměl jsem se podepsat k příspěvku...
Fred: dík.. to by mi mohlo stačit, vyzkouším
los_adios: Ano máš pravdu vertical-align: bottom; tam to byl překlep
Já jsem to vyrešil pouze pro Firefox ale je to takový neohrabaný a v IE to nejde... takže díky :)
div{
margin: 0;
background-color: rgb(123,134,148);
height: 5em;
color: white;
font-size: 90%;
vertical-align: text-bottom;
font-weight: bolder;
}
span {
line-height: 8em;
}
Petra
Profil
Nai Dzet Quiv: Ne, vertical-align je pro inline elementy a zarovnává je ve vztahu k řádku (ne ve vztahu k elementu, ve kterém se nachází).

Miškin: Čeho přesně chceš docílit? Nebylo by na to vhodnější pozicování?
Miškin
Profil
Fred: tak s menšíma úpravama mi to od Tebe funguje.. dík :)
habendorf
Profil
Petra: Nebylo by na to vhodnější pozicování?

Souhlas, taky bych to tak viděl.
Miškin
Profil
asi máte pravdu...
Šlo mi o to aby v bloku o zadaný výšce, byl zarovnaný text k dolní části...
Nai Dzet Quiv
Profil
Nepomůže tohle? http://weblog.plavacek.net/2005-02.html#1108716997
Toto téma je uzamčeno. Odpověď nelze zaslat.