Autor | Zpráva | ||
---|---|---|---|
Anonymní Profil * |
#1 · Zasláno: 8. 7. 2005, 11:06:06
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 |
#2 · Zasláno: 8. 7. 2005, 11:32:45
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 |
#3 · Zasláno: 8. 7. 2005, 12:07:45
Nejsem si jistý, jestli se nemá vertical-align pro blokový prvek, v našem případě <div>...?
|
||
Fred Profil |
#4 · Zasláno: 8. 7. 2005, 12:24:57 · Upravil/a: Fred
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 |
#5 · Zasláno: 8. 7. 2005, 12:39:13
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 |
#6 · Zasláno: 8. 7. 2005, 13:04:38
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 |
#7 · Zasláno: 8. 7. 2005, 13:05:58
Fred: tak s menšíma úpravama mi to od Tebe funguje.. dík :)
|
||
habendorf Profil |
#8 · Zasláno: 8. 7. 2005, 13:12:32
Petra: Nebylo by na to vhodnější pozicování?
Souhlas, taky bych to tak viděl. |
||
Miškin Profil |
#9 · Zasláno: 8. 7. 2005, 13:27:48
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 |
#10 · Zasláno: 8. 7. 2005, 13:54:01
Nepomůže tohle? http://weblog.plavacek.net/2005-02.html#1108716997
|
||
Časová prodleva: 20 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0