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 |
#2 · Zasláno: 30. 4. 2008, 15:52:21 · Upravil/a: kletely
graywolf
Vyskúšaj middle. |
||
Bubák Profil |
#3 · Zasláno: 30. 4. 2008, 16:42:53
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 * |
#4 · Zasláno: 30. 4. 2008, 16:50:55
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 |
#5 · Zasláno: 30. 4. 2008, 18:29:23
Vyskúšaj middle.
Middle je blbost. |
||
Časová prodleva: 1 rok
|
|||
prockoop Profil * |
#6 · Zasláno: 7. 6. 2009, 19:26:01
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 * |
#7 · Zasláno: 7. 6. 2009, 19:34:43
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á |
||
Časová prodleva: 9 měsíců
|
|||
tříska Profil * |
#8 · Zasláno: 14. 3. 2010, 23:26:44
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 |
#9 · Zasláno: 14. 3. 2010, 23:29:17
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 * |
#10 · Zasláno: 15. 3. 2010, 16:51:16
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 |
#11 · Zasláno: 15. 3. 2010, 17:01:05
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 |
#12 · Zasláno: 15. 3. 2010, 20:38:03
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. |
||
Časová prodleva: 2 roky
|
|||
Lukáš Todorov & Tody.cz Profil * |
#13 · Zasláno: 16. 10. 2011, 00:27:29
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 * |
#14 · Zasláno: 16. 10. 2011, 08:23:44
Nepoužívá se text-align:center pro zarovnání objektů kvůli IE?
|
||
Medvídek Profil |
#15 · Zasláno: 16. 10. 2011, 10:35:51
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 * |
#16 · Zasláno: 18. 10. 2011, 03:26:02
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 |
#17 · Zasláno: 18. 10. 2011, 03:32:46
|
||
Časová prodleva: 13 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0