» »

CSS prilagodljiva predloga

CSS prilagodljiva predloga

Csharp ::

Potrebujem enega mojstra, ki zna izdelati RWD predlogo, kot je prikazana na skici:
 Template

Template


Pogoj je, da predloga dela v vseh aktualnih brskalnikih (Edge, Firefox, Chrome) in pregledovalnikih pošte (Outlook 2010 ali novejši, Thunderbird, gmail), saj jo potrebujem za pošiljanje mailingov in še kje drugje. Spisano imam non-RWD predlogo (glej primer A), težava pa je elemente spraviti v tako strukturo, kot jo vidite v primeru B. Pravzaprav trenutno ugibam, če je sploh možno. Če je ideja nemogoča, prosim za argumente (zakaj ne gre?)

Še nekaj opomb: predloga na primeru A je fiksnih dimenzij (ne zaseda celotnega zaslona, ampak ima določeno višino in širino). Ko isti HTML odprem na telefonu ali samo pomanjšam okno, se mora ista predloga prilagoditi tako kot kaže primer B (čez celotno širino ekrana telefona). Uporablja se lahko samo HTML in CSS, JS ali kaj podobnega odpade. Za vaš čas in trud se že vnaprej zahvaljujem.
  • spremenilo: Csharp ()

Gandalfar ::

Torej predvidevam da hočeš, da se ti predloga A na manjših zaslonih zloži v predlogo B. S pomočjo flexboxa in order parametrom lahko to narediš. Glavni problem, ki ga boš imel pri tem je da si omejen na IE10+. Prav tako nimaš šans, da bi to delalo v mailingih.

Pomojem se boš za mailinge moral odločit za A ali B, ne vidim pa kako bi lahko to imel tako da bi oboje delalo.

zbrisan ::

Mogoče, bootstrap.

Csharp ::

zbrisan je izjavil:

Mogoče, bootstrap.

Bootstrap poznam in kolikor vem, uporablja tudi JS, da lahko sploh deluje. Uporaba kakšnih frameworkov ne pride v poštev.

Se da kako nastaviti, da bi imel 2 ločena HTML-ja in bi v enem primeru prikazal predlogo A, spet drugič pa predlogo B?

neznanko ::

Csharp je izjavil:

zbrisan je izjavil:

Mogoče, bootstrap.

Bootstrap poznam in kolikor vem, uporablja tudi JS, da lahko sploh deluje. Uporaba kakšnih frameworkov ne pride v poštev.

Se da kako nastaviti, da bi imel 2 ločena HTML-ja in bi v enem primeru prikazal predlogo A, spet drugič pa predlogo B?


Obstaja bootstrap-css-only

Lahko se pa poigraš tudi z CSS Media Queries: https://css-tricks.com/css-media-querie...

Ne delaj dva HTMLja...


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Kdo izdeluje klasične HTML/CSS/JS spletne strani?

Oddelek: Izdelava spletišč
221996 (1112) Phantomeye
»

Nekaj vprašanj glede izdelave spletne strani.

Oddelek: Izdelava spletišč
383137 (1988) scipascapa
»

Od dizajna do programiranja spletne strani

Oddelek: Programiranje
356058 (3482) Arey
»

Pomoč pri centriranju

Oddelek: Izdelava spletišč
121074 (664) s1l3
»

Kako vaditi izdelavo strani?

Oddelek: Izdelava spletišč
429521 (7712) BigWhale

Več podobnih tem