Weblap Visszalép Div szakasz poziciója.

O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O

Ajánlat a gyakorláshoz

- Nézzük végig a feladatokat.
- A most nézett weblapot ne csukjuk be, helyezzük le a monitor aljára.
- A CD lemezről másoljuk be a saját mappánkba, a gyakorló 3 mappát teljes tartalmával együtt (gyakorlo3 néven található )
- Átmásolás után, a böngészőprogramot ismételten nyissuk meg, keressük meg azgyakorlo3 mappát, és ott nyissuk meg a teszt_001.html fájlt. Ha ezzel megvagyunk, szintén helyezzük le a monitor aljára.
- Most nyissuk meg a jegyzettömb programunkat, és keressük meg az gyakorlo3 mappát, melyben nyissuk meg a teszt_001.css fjlt, és szintén helyezzük le a monitor aljára.
- Ha Explorer böngészőjével dolgozunk, akkor további teendőnk nincs is a gyakorláshoz.
Ugyanis az Explorer böngésző ablakában, a nézet menü forrás témakörére kattintva, megnyílik a html - lapunk, melyben így is dolgozhatunk.
- Néhány böngészőprogramban, a nézet - forrás témakörben szintén megtekinthetjük a html - lapunk tartalmát, de módosítani nem tudjuk. Ilyenkor a html - lapot is külön meg kell nyitni a jegyzettömb programunkból, hogy tudjunk rajta dolgozni (módosítani).

A tesztlapon, előre elhelyeztem a kiinduló pontokat, azaz az egyes számmal jelzett kép tartalmát, előre beírtam, csak folytatni kell a gyakorlást.

Gyakorláshoz jelenítsünk meg kettő div szakaszt.

div szakasz pozíció

A div szakaszokat helyezzük egymástól távolabb.

div szakasz pozíció

A második div szakaszt, mozgassuk a monitor jobb oldalának irányába.

div szakasz pozíció

A második div szakaszt, helyezzük az első div szakasz mellé.

div szakasz pozíció

Megjegyzés:
Minden div szakasz magassága attól függ, hogy milyen hosszú szöveget, azaz anyagot helyeztünk el az adott div szakaszban.
Ebből adódóan, a div szakaszok magassága nem biztos, hogy egyforma.
Ha egyforma magasságú div szakaszokat akarunk készíteni, akkor meg kell adni a magassági ( height ) értéket. A magasság ne legyen kisebb, az adott szakaszban elhelyezendő dokumentumunk anyagához szükséges területi magasságnál.

Vissza a lap elejére

OO O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O

O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O