Trenutno radim na ovoj stranici http://www.opstanak.hr/, jako je stara i direktor nema u planu raditi novu, uglavnom stranica je bila radena u tablici. Tablica je prebacena u div tagove i sve je napravljeno u fluidnim divovima, znaci responsive, medutim direktor bi htio da je na npr. mobitelu drukciji raspored elemenata na sajtu, kako da to napravim?
Responsive web dizajn
- poruka: 12
- |
- čitano: 2.485
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
Ja sam to radio pomoću više css fileova.
Imao sam npr. css file za desktop, css za tablet i css za mobitele.
Kada je korisnik ušao na stranicu css se sam includeao ovisno o rezoluciji i vrsti gadgeta preko kojega je ušao.
npr. <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='cssfile.css' /> ili <link rel='stylesheet' media='screen and (min-width: 701px) href='filecss.css' />
Još bih ti preporučio da pogledaš na ovom linku ili ovom linku
Css nije problem vec html, zelim na mobitelu imat drugačiji raspored elemenata na samoj html stranici
Ako se ovo moze koristiti na bilo kojoj stranici onda si mi puno pomogao
da ne otvaram novi topic
ovaj vertikalni menu sa lijeve strane je accordion menu, jel postoji mogucnost da od njega stvorim menu koji ce se na mobitelu pretvoriti u three line's menu?
Ako sam dobro shavatio misliš na hamburger menu?
Foundation mi ne radi na navedenoj stranici, mijesa se sa ostalim css-om...
u slucaju ako nisi proba: mozda imas vecu sricu s Bootstrap-on sto se tice mijesanjem ostalom CSS-om.
Bootstrap Grid System: Column Ordering
poz
Vec sam rijesio probleme, ali hvala svakako.
Ako netko razumije ajax a da moze pomoci neka se slobodno javi na temi ili u PP.
što te muči s ajaxom?
Imas u PP sve objasnjeno