Autor | Zpráva | ||
---|---|---|---|
Markus Profil * |
#1 · Zasláno: 25. 11. 2006, 23:50:17
Potřebuji v CSS umístit obrázek na střed, centrovat ho vertikálně
Něco jako text vertical-align: middle; Nevíte co použít? |
||
Peca Profil |
#2 · Zasláno: 26. 11. 2006, 01:10:35
margin:auto 0; by nešlo?
|
||
Mistr Profil |
#3 · Zasláno: 26. 11. 2006, 01:34:42
Peca
Potřebuje vertikálně. |
||
Mistr Profil |
#4 · Zasláno: 26. 11. 2006, 01:35:25 · Upravil/a: Mistr
Markus
Co bys říkal tomuto? |
||
Peca Profil |
#5 · Zasláno: 26. 11. 2006, 10:53:50
Mistr
A co jsem teda napsal špatně? |
||
venca163 Profil |
#6 · Zasláno: 26. 11. 2006, 10:58:02
Peca
ty centruješ horizontálně... |
||
Peca Profil |
#7 · Zasláno: 26. 11. 2006, 11:16:28
Horizontálně je to snad margin: 0 auto; ne?
|
||
venca163 Profil |
#8 · Zasláno: 26. 11. 2006, 11:19:22
Horizontálně je to snad margin: 0 auto; ne?
jistěže...doporučuji přečíst celé téma ještě jednou a pečlivě |
||
Dero Profil |
#9 · Zasláno: 26. 11. 2006, 11:20:32
jistěže...doporučuji přečíst celé téma ještě jednou a pečlivě
Ano, venco, opravdu doporučuji. :o) Peca: V praxi nešlo. |
||
venca163 Profil |
#10 · Zasláno: 26. 11. 2006, 11:26:54
Dero
až doteď jsem si byl jistý, že Markus hledá to, co mu poslal odkazem Mistr |
||
Dero Profil |
#11 · Zasláno: 26. 11. 2006, 11:29:34
venca163: Ano, ale Ty a Peca si nerozumíte. Peca už v prvním příspěvku navrhoval metodu vertikálního centrování, která však fungovat nebude. Nemluvil o horizontálním centrování.
|
||
venca163 Profil |
#12 · Zasláno: 26. 11. 2006, 11:36:41
Dero
mě to právě v praxi taky nešlo, tak jsem myslel, že Peca měl na mysli horiz. cen. a jen se přepsal... Peca sorry |
||
Peca Profil |
#13 · Zasláno: 26. 11. 2006, 11:40:27
Nic se neděje. Moje chyba, že jsem to netestoval. V IE by to stejně nešlo. Ale je nějaký důvod, proč horizontální centrování jde takto zapsat a vertikální ne (kromě toho, že by to bylo moc jdenoduché :-) )? Nejsou tam přece žádné řádkové elementy.
|
||
tiso Profil |
#14 · Zasláno: 26. 11. 2006, 13:44:34
Peca
To je tým ako sa správajú blokové prvky: pokiaľ im nenastavíš rozmery tak vyplnia celú dostupnú šírku (obmedzenú nadradeným prvkom) ale výšku iba takú akú potrebujú. |
||
Knopi Profil |
#15 · Zasláno: 28. 11. 2006, 14:44:22 · Upravil/a: Knopi
Peca:
Ale je nějaký důvod, proč horizontální centrování jde takto zapsat a vertikální ne Protože ve většině případů u vertikálního centrování neznáme výšku. Proto říkám, že stará dobrá tabulka je nejlepší řešení při tomto problému. Nebo můžeš rodičovský blok změnit na table, konkrétně (display: table-cell) - změnili jsme blok v tabulku a pak obsah jednoduše vystředíš (vertical-align: middle). V podstatě uděláš z bloku tabulku. Myslím, že o tom onehá psal Yuhů. Jsou ještě daleko složitější způsoby, možná jsou i lepší, ale doporučiuji ti vertikálně moc necentrovat, přivodíš si řadu problému. Například při zvětšení písma, já osobně jsem tuto problematiku dávno odpískal. :o) |
||
Knopi Profil |
#16 · Zasláno: 28. 11. 2006, 14:47:41
Ach, on odkazoval Mistr. Sorry... :o)
|
||
Honzik Profil * |
#17 · Zasláno: 28. 11. 2006, 17:06:11
Ahoj, já to řeším absolutním pozicováním =>
.obr {height: 100px; top: 50%; margin-top: -50px; position: absolute;} u margin-top je vždycky mínus polovina šířky toho elementu. Funguje spolehlivě a je to asi nejjednodušší řešení. jo a pokud to chceš nastavit do nějakýho vnořeným elementu, tak u něj nastav position: relative a tím dáš tomu prvku najevo, aby se orientoval podle něj.. snad je to srozumitelný |
||
honzik Profil |
#18 · Zasláno: 28. 11. 2006, 17:08:13
Už jsem se lekl, že mi nefunguje heslo...
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0