H I V A T K O Z Á S O K

A tartalom, div szakaszára vonatkozó margóknál, a balos margót töröld. (margin-left meghatározást töröld, vagy állítsd max 2em értékre. Ha a margó körkörösen van megadva, ( Pl.: 0 2em 2em 15em; ) akkor az utolsó érték vonatkozik, a bal oldali margóra.
Ha hivatkozásokat készítünk listás felsorolás alapján,
Az Explorer nem tesz a listasorok elé díszítő elemeket, például pontot. De a Mozilla igen.
Ezért egy újabb meghatározást kell beírni, mely az Explorert ugyan nem befolyásolja, de a Mozilla csak így tünteti el ezen előjeleket.
Példa:
#navigaciok ul { list-style:none; }

Ha a fenti utasításokat végrehajtjuk, akkor a tartalom visszaáll alaphelyzetre.
A kép ( Mészköves hegyoldal ) a monitor bal szélén fog elhelyezkedni és ezt veszi körbe a szöveg.

Vissza a lap elejére

Megírása:
XHTML - lapon. H19. kép,

Ismertető.
A hivatkozásokat, egy külön div szakaszban helyezzük el.
Jelen esetben piros színen látható e div szakasz kezdő div címkéje, melyben megadtuk e div szakasz nevét, azaz azonosítóját is, navigaciok néven.
Lejjebb látható, szintén piros színnel kiemelve e div szakasz záró címkéje.
A kezdő és záró div címke között helyezzük el a listasorokat.
Minden listasor a kezdő <li> és a záró </li> között helyezkedik el.
Minden egyes listasor tartalmaz egy horgonyt ( <a> ). A kezdő horgony címkéjében helyezzünk el minden olyan meghatározást, mely tartalmazza azon html - lapunk elérési útját és elnevezését, melyet egyetlen kattintással szeretnénk elérni.
A kezdő horgony címkét követően kell beírni azon szöveget, mely a html -lapunkra vagy annak tartalmára utal, a monitoron ez a szöveg fog megjelenni.
Végezetül el kell helyezni a záró, horgony címkét </a>
A kezdő <ul> és a záró </ul> címke jelentése: E két címke között felsorolt listasorok, számozás nélküliek lesznek.

Kép: H - 19.

<div id="navigaciok">
<ul>
<li> <a href="cimsor.html"> Címsor elkészítése </a> </li>
<li> <a href="tartalom.html"> Tartalom elkészítése </a> </li>
<li> <a href="hivatkozasok.html"> Hivatkozások </a> </li>
<li> <a href="osszesito.html"> Összefoglaló. </a> </li>
</ul>
</div>

Megírása:
Stíluslapon CSS 19. kép.

Ismertető.
Kettő meghatározási sort láthatunk.
Első sor ( #navigaciok ): A div szakasz pozíciójára, hogy a monitoron hól helyezkedjen el, valamint a div szakasz területi szélességére vonatkozik.
absolute jelentése: Bármit és bárhova helyezünk el a weblapunkon, a hivatkozási listasorok az itt meghatározott képpont méreteknek megfelelően, a monitor bal felső sarkától kiindulva megadott távolságon fognak megjelenni, azaz elhelyezkedni.
Második sor ( #navigaciok ul ): Ehhez a div szakaszhoz tartozó listasorok előtt, ne jelenjen meg semmilyen előjel, valamint a listasorok szövege, milyen széles területen helyezkedik el.