Autor Zpráva
WiLY.
Profil *
#1 · Zasláno: 1. 12. 2004, 14:38:01
Odpovědět Citovat
ako mam spravit validne horizontalne centrovanie objektu v CSS?
skusal som to takto (obrazok ma sirku 215px):

<img src="object.gif" style="position:absolute; bottom:0px; left:(50%)-(108px)">

ale nejde to.
Za odpoved dakujem
Plaváček
Profil
#2 · Zasláno: 1. 12. 2004, 14:46:39
Odpovědět Citovat
Nevím jestli jsem pochopil správně, ale pokud jde o centrování obrázku na stránce, je to jednoduché. Vložíš ho do odstavce a přidáš mu třídu, řekněme center, asi takto:

<img src="object.gif" class="center">

a ve stylovém předpisu si nadefinuješ pro celou třídu (class) CENTER toto:

.center {
text-align: center;
}

a je to.
Plaváček
Profil
#3 · Zasláno: 1. 12. 2004, 14:47:31
Odpovědět Citovat
Hups, oprava

samozřejmě takto:

<p class="center"><img src="object.gif"> </p>
WiLy
Profil
#4 · Zasláno: 1. 12. 2004, 18:30:26
Odpovědět Citovat
neviem ako vam ale mne to nefunguje (mozilla)

<img src="object.gif" style="text-align:center">

obrazok je nalavo.
da sa vobec pouzit text-align na objekty ?
mimoto by som potreboval obrazok zarovnat aj na y takze by tam trebalo pouzit position:absolut.
Martin Kuželka
Profil
#5 · Zasláno: 1. 12. 2004, 18:33:05
Odpovědět Citovat
WiLy, to samozřejmě nefunguje - viz. Plaváčkova oprava výše...
WiLy
Profil
#6 · Zasláno: 1. 12. 2004, 18:35:20
Odpovědět Citovat
Tak pardon mate pravdu :)

funguje to, ja som to nedal do bloku
---------------------------------------
<p style="text-align:center"><img src="o.gif" style="position:absolut; bottom:0px"></p>
ameeck
Profil
#7 · Zasláno: 1. 12. 2004, 19:14:37
Odpovědět Citovat
...absolute...
WiLY.
Profil *
#8 · Zasláno: 1. 12. 2004, 21:30:03
Odpovědět Citovat
Tak nekric hop kym nepreskocis..

Skusal som to v IE a nejde to.
Tie 2 styli spolu nepracuju.
Ak pouzijem 1 styl tak sa to vycentruje, ale pouzitim druheho stylu sa objekt odstreli do praveho rohu za polovicu miesto toho aby sa zarovnal na spodok.

neviete co s tym?
WiLY.
Profil *
#9 · Zasláno: 1. 12. 2004, 21:34:24
Odpovědět Citovat
priklad: chcem zarovnat obrazok.jpg dole na stred
Honza Hučín
Profil
#10 · Zasláno: 1. 12. 2004, 22:11:19
Odpovědět Citovat
No, nebylo by lepší dát ve stylopisu
margin-right:auto; margin-left:auto ?
Viz http://sovavsiti.cz/c02031.html
WiLY.
Profil *
#11 · Zasláno: 1. 12. 2004, 23:54:59
Odpovědět Citovat
dakujem pekne, pomohlo to.. riesenie je pomocou margin
Plaváček
Profil
#12 · Zasláno: 2. 12. 2004, 06:57:33
Odpovědět Citovat
margin auto ale bohužel nezná Internet Explorer, jinak pokud chceš použít k umístění obrázku absolutní pozice, musí být nadřazený prvek pozicován relativně nebo absolutně. V tvém připadě stačí, pokud pro ten p class=center ještě ve stylu nastavíš position:relative. Obrázek umístěný pomocí position:absolute pak bude uchycen v rámci tohoto bloku a nikam ti neustřelí.
Časová prodleva: 17 dní
Honza Hučín
Profil
#13 · Zasláno: 18. 12. 2004, 23:19:14
Odpovědět Citovat
Plaváček
margin auto nezná IE 5, šestka ve standardním modu už ano. Pro pětku se to řeší tak, že se nadřazenému bloku dá text-align:center a ono to zarovná ten blok v něm.
Yuhů
Profil
#14 · Zasláno: 19. 12. 2004, 04:52:50
Odpovědět Citovat
Horizontální centrování objektu s šířkou třeba 400px: 


<div style="text-align: center">

  <div style="text-align: left; margin: 0px auto; width: 400px">

    vycentrovaný objekt, třeba ten <object>

  </div>

</div>
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0