Zarovnání obrázků

27. 7. 2011 16:56:53

Na www stránce http://oldasalek.cz/Barvy-leta-2011/ mám lehce upravený původní design redakčního systému. Prakticky jsem jen změnil fixní design na fluidní. Ale nevyhovuje mi schodovité zarovnání obrázků. Nevím co vidíte vy, ale na 24" 1900 šířka vidím následující:

Jde to nějak ošetřit a lépe zarovnat krom tabulky a s ohledem na různou šířku a délku fotek?

http://imageshack.us/photo/my-images/27/shodyoldasalek.png/

27. 7. 2011 16:56:53

https://webtrh.cz/diskuse/zarovnani-obrazku#reply660035

Ondřej Švec

27. 7. 2011 17:02:27

http://css-tricks.com/13372-seamless-responsive-photo-grid/

27. 7. 2011 17:02:27

https://webtrh.cz/diskuse/zarovnani-obrazku#reply660034

(20 hodnocení)

27. 7. 2011 17:03:36

a proto se to dela pomoci fixne nastavenych divu :) obal obrazek do divu, nasta mu fixni rozmery (max sirku a vysku kterou dosahnes u obrazku - urcite tam mas nake omezeni) a tem dej float:left...

reseni co poslal ondrej se mi moc nelibi :) obrazky nebudou prilis zarovnane, respektive buduou sami do sebe ruzne zasahovat, coz se mi proste nezda, ale to ej asi veci vkusu

27. 7. 2011 17:03:36

https://webtrh.cz/diskuse/zarovnani-obrazku#reply660033

Miloslav Lešetický

(10 hodnocení)

27. 7. 2011 17:08:16

Ve stylopisu pro div class="image" nastav pevnou výšku height="226px" (to je zřejmě maximální výška obrázků) a nechej ten div plavat (float:left). To by mělo zabrat. Jiné lepší řešení asi není (kromě tabulky).

27. 7. 2011 17:08:16

https://webtrh.cz/diskuse/zarovnani-obrazku#reply660032

Michal Haták

(1 hodnocení)

27. 7. 2011 17:55:28

nebo treba tohle :)

http://desandro.com/resources/jquery-masonry/

27. 7. 2011 17:55:28

https://webtrh.cz/diskuse/zarovnani-obrazku#reply660031

Pro odpověď se přihlašte.

Přihlásit