Autor Zpráva
graywolf
Profil *
dobry den,

mam takovou mozna trochu lamovskou otazku. jak mam zarovnat obrazek na stred pomoci css? kdyz zarovnavam obrazek napravo nebo nalevo, tak jednoduse nastavim obrazku vlastnost float: left nebo right. na stred jsem to delal pomoci align: center primo v html, jenze to uz je zastarale a nevalidni. pak jsem zkousel obalit obrazek divem a tomu nastavit vlastnost text-align: center, jenze tusim ze mi to zarovnalo jenom v Mozille/Opere, ale ne v IE.. Muzete mi nekdo poradit, jaky zpusob pouzit?

dekujii
kletely
Profil
graywolf
Vyskúšaj middle.
Bubák
Profil
pak jsem zkousel obalit obrazek divem a tomu nastavit vlastnost text-align: center
Není žádný důvod, aby se ti obrázek nevycentroval. Jaká byla šířka divu?

jenze tusim ze mi to zarovnalo jenom v Mozille/Opere, ale ne v IE..
Tušení je na nic, dej problémový kód, nejlépe jako odkaz na stránku.
graywolf
Profil *
Bubák
jj mas pravdu. jeste jednou jsem to vyzkousel v prazdnem souboru a text-align: center opravdu funguje vsude. mozna mi to zarovnani na stred predtim prebijelo neco jineho. kazdopadne dik za rady.
Manq
Profil
Vyskúšaj middle.
Middle je blbost.
prockoop
Profil *
Teď mi to dělá to samý a nevim si vůbec rady.
Když to naformátuju jako

#obr {
text-align: center
}

a v html

<p id="obr"><img src="index.gif" alt="domů">

tak mi to v IE 6 nefachá - je to vlevo.
Bohužel to nemůžu udělat přes div ani moc nijak jinak. Je to domácí úkol...
Díky za rady
prockoop
Profil *
nechci aby můj předchozí příspěvek vypadal ukvapeně, ale najednou to funguje, z ničeho nic.
jenom sem tam přidal pár stylů a pak je zase zpátky smazal a všechno je OK.
dyžtak to můžete smazat, díky :)
PS: doufám že se to zase nepodělá
tříska
Profil *
To prockop: za text-align: center ti chybí středník. Některý prohlížeče to asi zkousnou, ale správně by ti to zarovnat na střed zarovnat neměli.
panther
Profil
tříska:
proč reaguješ na rok starý příspěvek, když prockoop napsal, že vše funguje?

za text-align: center ti chybí středník
nechybí. Za poslední deklarací je nepovinný.

Některý prohlížeče to asi zkousnou
některé = všechny

ale správně by ti to zarovnat na střed zarovnat neměli.
opravdu ne? Plácáš kraviny, chlapče :-)
slovak.cz
Profil *
Když už se to otevřelo, tak také přispěji.

středník opravdů být nemusí ;)

Nezarovná to na střed náhodou proto, že není definovaná šířka elementu s #obr? obrázek je např 300px široký a když se obalí do divu, tak i div se roztáhne na 300px šířku :o) není tedy co rovnat na střed. Když div bude mít šířku 400px a do něj se vloží obrázek o šířce 300px tak to už jo, to už na středu bude vycentrovaný (tedy na každé straně bude vůle 50px...
panther
Profil
slovak.cz
Nezarovná to na střed náhodou proto, že není definovaná šířka elementu s #obr?
není, protože blokové elementy (p, div, hx, ...) mají výchozí šířku 100%
Bubák
Profil
panther:
blokové elementy (p, div, hx, ...) mají výchozí šířku 100%
Ale při floatu, nebo absolutním pozicování tomu tak není, ale to by se všechny prohlížeče chovaly stejně. Popsanému chování odpovídá deklarování šířky obalovému elementu s marginem auto, pričemž IE je ve qirku, což mohla v případě IE6 způsobit XML deklarace.

Ale co bylo příčinou problémů, které měli graywolf a prockoop se nedozvíme, graywolf dodal jen slovní popis a prockoop jenom vzorek kódu funkčního kódu.
Lukáš Todorov & Tody.cz
Profil *
Celej českej internet je plnej dotazů: JAK ZAROVNAT V CSS OBRÁZKY NA STŘED,
tedy jak nahradit <center><IMG src="..." alt="..."></center>
nějakou CSS značkou. Všichni radí: text-align: "center", middle a pod. ŘEŠENÍ ;-) je následující:

IMG {
display: block;
margin: 0px auto 0px;
}

...

<IMG src="..." alt="...">
Lorem
Profil *
Nepoužívá se text-align:center pro zarovnání objektů kvůli IE?
Medvídek
Profil
Lukáš Todorov & Tody.cz:
Za prve stačí margin: 0px auto; a za druhý nadřazený prvek by kvůli IE měl mít text-align:center a za třetí nechápu, proč vytahuješ rok a půl starý téma.
Lukáš Todorov & Tody.cz
Profil *
Medvídek
1. souhlas
2. mně to v ie funguje bez toho
3. Celej českej internet je plnej dotazů: JAK ZAROVNAT V CSS OBRÁZKY NA STŘED,
tedy jak nahradit <center><IMG src="..." alt="..."></center>
nějakou CSS značkou. Všichni radí: text-align: "center", což nefunguje. Moje řešení funguje.
Chamurappi
Profil
Reaguji na Lukáše Todorova & Tody.cz:
Celej českej internet je plnej dotazů
Jedna podprůměrná odpověď celej českej internet nespasí.

Všichni radí: text-align: "center", což nefunguje.
Funguje, ale ne všude. Pod většinou dotazů bývá uvedena dokonalá odpověď. To už je tak strašně moc provařené…
Toto téma je uzamčeno. Odpověď nelze zaslat.