Autor Zpráva
Richard
Profil *
Mam spraveny responzivny web obsahujuci zvlast CSS pre Desktop, zvlast pre tablety a zvlast pre mobily, CSS sa vybera podla rozlisenia okna, prepina sa pomocou CSS media queries.

Na tom webe mam eshop obsahujuci produkty:

V desktopovej verzii su produkty naukladane do 4roch stlpcov (pomocou floatov). Po 4 produktoch nasleduje cleaner.

Potreboval by som aby sa tieto obrazky pri zmene rozlisenia preskupili na tabletoch do 3och stlpcov a na mobiloch do jedneho. Neviete poradit ako na to? Asi budem musiet vymysliet nieco ine ako floaty.
joe
Profil
Pro 3 sloupce to můžeš nechat a schovat cleaner, pokud jsou položky jinak vysoké, můžeš to přenastavit místo plavání na display: inline-block; float: none; vertical-align: top;. Na mobilu bez plavání úplně s vyresetovanou šířkou a nastavení její hodnoty na auto.
juriad
Profil
Richard:
Proč je tam nutný ten clear? Nestačí nastavit šířku a nechat jednotlivé produkty přirozeně plavat na další řádky?
rafej
Profil
Pokud by ty produkty měly různou výšku, mohly by se mu tam dělat "zuby".

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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