Autor Zpráva
kozusnikjan
Profil *
Ahoj, potřebuji poradit, jak to udělat, aby byly obrázky zarovnány na střed ( příklad: http://www.womap.4fan.cz/firefox-os-na-mobily/) - aby když jsou 2 obrázky, tak aby mezera mezi nima a mezery po bocích byly stejné. Velikost obrázků se bude měnit.... Moc díky za rady

Moderátor Petr ZZZ: Titulek „Obrázky na střeš“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
Sir Tom
Profil
kozusnikjan:
Také ahoj,

dát obrázky do divu, nastavit mu 'width' a 'margin: 0 auto'. Potom každému obrázku nastavit 'margin' (tak vznikne ta mezera mezi nimi).
kozusnikjan
Profil *
obrázky jsou v divu, když ale každému obrázku nastavím margin na určitý počet pixelů, tak se to potom zobrazí blbě u obrázků s jinou šířkou
Keeehi
Profil
kozusnikjan:
http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
Třeba stejně jako tady. Na šířce vůbec nezáleží.
kozusnikjan
Profil *
no jo, ale pokud jsem to dobře pochopil, tak je pouze to menu, ten div zarovnaný na střed ne? a já potřebuji, ať se mi obrázky zarovnají tak, že jsou vedle sebe, přičemž mezera mezi nima je stejná jako jejich odsazení zleva resp. zprava...
obrazky
Profil *
img
{
   display: block;
   margin: 0 auto;
}
Keeehi
Profil
kozusnikjan:
Ty jednotlivé položky v menu můžeš od sebe odsadit, ale to je asi nejlepší, co můžeš udělat.

obrazky:
To nebude fungovat, kvůli display:block; budou všechny obrázky pod sebou a ne některé vedle sebe.
kozusnikjan
Profil *
i když jsem to tam dal, tak to nejede :(
Keeehi
Profil
kozusnikjan:
Velikost obrázků se sice mění, ale jak koukám, znáš jejich velikost a znáš i velikost jejich obalu. Je problém scriptem dopočítat tu mezeru a k prvnímu obrázku přidat: style="margin-right: **px;"?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0