Formátování obsahu

24. ledna 2018

Formátování obsahu pomocí div class="blok" div class="box" a nově pomocí tabulky

Formátování je v redakci zhruba nastylovánoa obsahuje jej uź základní design LITE. V jednotlivých designech se může se mírně lišit podle využití a použití.
oba divy si udrzují stejnou výšku, tu lze nastavit například výškou obrázku, který není resposivní a při zmenšování nemění velikost.
pro obrázek do div2 doporučuji rozměr 760x400 pro div1 480x400 pro videa a mapky Iframe šířka 100% výška 400

provádí se vložením kodu :

≺div class="blok">
≺div> ≺h3> 1 - obsah menšího bločku ≺/h3> ≺/div≻
≺div> 2 - obsah většího bločku ≺/div≻
≺/div≻

kód je maximálně zjednodušen, proto aby se dal co nejjednodušeji používat v redakci přes tlačítko.
po vložení ve zdrojovem kodu přepnout zpět a doplnit obsah.

Nově jsem připravila formátování pomocí tabulky s pomocí Třídy stylů blok a box

Bločky se skládají pod sebe - první a druhý div mění umístění podle pozice v obsahu , sudý <- > lichý element,
jako element v obsahu se počítají ale i nadpisy, text ohraničený (p) a hr - tímto způsobem lze pak ovlivnit pozici obrázku a popisku.
Bločky jsou responsivní, přizpůsobují se šířrce zobrazovacího zařízení

Hotel je zastaralý název divu box, ​ toto formátování jako první vznikalo pro lodě proto pracovní název hotel, který byl nahrazen box

≺div class="blok">

Pro potřeby vizualizace je pro divy použito pozadí pomocí inline stylu


(div) První div (/div)(div) První div (/div)

Nadpis h4

Bloček s pozadím a odsazením od okrajů
vhodný pro text

(div) Druhý div (/div)

Bloček bez pozadí a bez okrajů,
může obsahovat obrázek, mapku, nebo text obrázek o minimální šírce 750px - výška podle uvážení, doporučuji 400px.

Naformátovány jsou nadpisy a (p) nastaveno odsazení

Nadpis h4

Bloček s pozadím a odsazením od okrajů
vhodný pro text

(div) Druhý div (/div)

Bločky se přizpůsobí obsahu, to lze využít při volbě výšky obrázku

≺div class="box">

(div) První div (/div)

Nadpis h4

Boxík bez pozadí a bez odsazení od okrajů lze použít i pro mensí obrázek

(div) Druhý div (/div)

Bloček bez pozadí a bez okrajů,
může obsahovat obrázek, mapku, nebo text obrázek
o minimální šírce 750px - výška podle uvážení, doporučuji 400px.

(div) První div (/div)

Nadpis h4

Boxík bez pozadí a bez odsazení od okrajů lze použít i pro mensí obrázek

(div) Druhý div (/div)

Bločky se přizpůsobí obsahu, to lze využít při volbě výšky obrázku

(div) První div (/div)

Nadpis h4

Boxík bez pozadí a bez odsazení od okrajů lze použít i pro mensí obrázek

(div) Druhý div (/div)

Bločky se přizpůsobí obsahu, to lze využít při volbě výšky obrázku

Nabídky nejlepších zájezdů

pravidelně na váš e-mail