<h1>Főcím</h1>
A Fireworks szerkesztőben "Alpha transparency" módban elmentett .gif kép:
PNG 8 formátum esetén az átmenetes áttetszőséget is támogatja.
Megjelenítése böngészőnként eltérhet.
"Index transparency" módba elmentett .gif kép:
a színek kiválasztásával meghatározott átlátszóságot támogatja.
p img{ float:right; margin-left:10px; margin-bottom:10px; margin-right:10px;}
.masodik p img{ float:left; margin-right:10px; margin-bottom:5px; margin-left:5px;}
Az öröklődés miatt a bekezdés dőlt betűs lenne. A "tartalom" bekezdésére dőlt betűt írtam elő.
Ha ezen változtatni szeretnék, akkor ebben a "DIV" részben lévő bekezdésre új stílust kell megadni a CSS lapon.
A jobb és baloldali navigációra kiadott
min-height
értékek
az IE6 és kisebb verziószámú változatainál nem működnek.
<h2>Alcím</h2>
Ide jön a szöveges tartalom, kép, stb.
Ha képet is beszúrunk, azt a float jellemzővel tudjuk szabályozni.
A CSS lapon a "p img {}"
utasítással tudjuk beállítani a szöveg és a kép viszonyát.
Ha elérjük a kép alját, a szöveg a teljes bekezdés hosszában folytatódik.
A margin utasítás left:érték a kép bal oldalától való távolságot adja meg,
a margin-bottom:érték megadásával a szöveg kép aljától való távolságát tudjuk beállítani.
<h3>Kiscím</h3>
A következő bekezdést formázhatjuk másként is. Ezt megtehetjük külső CSS lapon is, de a dokumentumunkban is.
A kép melletti értékeket fordítva kell megadni az előző helyzet képest.
"float:left".
A margin-bottom utasítással itt is a kép aljától való távolságot szabályozhatjuk.
A bekezdésnek megadott bal oldali csík a szöveggel együtt nő. A bekezdésre kiadott szövegigazítás a
text-align:justify;, azaz sorkizárt igazítás.
A bekezdésre kiadott padding-right:10px utasításra
azért volt szükség, hogy a bekezdés jobb oldala az előző bekezdésben lévő kép jobb oldalával egy
síkba kerüljön.