Lehké kódování

01.08.2013 21:55

Jednoduchý návod na kódování pro začátečníky.

 

V editoru https://htmledit.squarefree.com/ tam zkouším kódování., stylem pokus, omyl :-))

Velkým písmem je psané co tam patří, šířku a výšku prezentace napiš podle velikosti podkladu, bez mezer mezi číslem a px např. 500px .

 

Vložíš první kód ten tvoří podklad prezentace.

<table style="width: SEM ČÍSLEM NAPIŠTE ŠÍŘKU PREZENTACEpx; height: SEM ČÍSLEM NAPIŠTE VÝŠKU PREZENTACEpx; " background=" SEM VLOŽTE ADRESU URL PODKLADU PREZENTACE "><tbody><tr><td valign="top">

 

Pak dáš kód přepisovacích oken (opakuje se podle počtu oken)


<div style="width: POMOCÍ ČÍSLIC NASTAVÍTE ŠÍŘKU OKÝNKApx; height: POMOCÍ ČÍSLIC NASTAVÍTE VÝŠKU OKÝNKApx; overflow: auto; margin-top: POMOCÍ ČÍSLIC POHYBUJETE S OKÝNKEM NAHORU A DOLŮpx; margin-left: POMOCÍ ČÍSLIC POHYBUJETE OKÝNKEM ZLEVA DOPRAVApx;">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>

U oken vedle sebe je u druhého dalšího okna, margin-top: v záporném čísle např. -150px

U oken pod sebou je margin-top: vzdálenost mezi okny.

 

Na závěr uzavřeš prezentaci kódem

</td></tr></tbody></table>

 

Tagy: Lehké kódování.doc (22016)