Előfordulhat olyan eset honlapszerkesztés közben, hogy a honlapon szeretnél kitenni egy hosszabb szöveget, de úgy, hogy ne legyen nagyon "hosszú" lefele a lap (akár design miatt, akár más miatt). Ilyenkor meg lehet egy lapon belüli görgetős mezővel is oldani a dolgokat, ennek 2 módszerét ismertetem most.

Egyik megoldás az <iframe></iframe> tag-ek használata, a másik a <p></p> tag-ek használata. Az első esetben a lapon csak a tag-ek helyezzük el, a tartalmat egy külső fájlból fogja meghívni, míg a második esetben a tartalom is a html fájlon belül lesz.
Nézzünk inkább példákat, úgy érthetőbb lesz egyelőre homályos magyarázatom :)

<IFRAME></IFRAME>

Van mondjuk egy "gumikacsa.html" fájl, amibe szeretnél egy 50% széles és 200 pixel magas ablakot, melynek tartalma scrollozható, és maga a tartalom egy külső fájlban található - legyen mondjuk "tartalom.txt". Akkor egy ilyen kódrészletet kell beillesztened a "gumikacsa.html" -be betenned:

<iframe src="tartalom.txt" name="gyik" width="50%" height="200" align="center">Ha ezt a részt látod csak a valós tartalmat nem - frissítsd a böngészőprogramodat mert már régi.</iframe>

Egy kis magyarázat:

a "tartalom.txt" neve helyére természetesen azt a fájlt kell beírnod, amit majd szeretnél ha megjelenne a keretben. Itt fontosnak tartom megjegyezni, hogy akár http:// hivatkozás is lehet, tehát bármilyen szerverről, bármilyen lapot be lehet így illeszteni a "gumikacsa.html"-be.

Az "50%" és a "height="200"" szerintem egyértelmű - ablak szélessége és magassága. A mintából kiderül, hogy megadhatod pixel-ben és százalékban is az értékeket.

Van egy olyan rész, hogy "Ha ezt a részt látod...." - ez akár ki is hagyható lenne, de nem áll semmiből használni. Ez a szöveg a látogatók számára csak akkor jelenik meg, ha a böngészőjük nem támogatja az <iframe>-k használatát. Ez előfordulhat mondjuk ilyen 1.0-s Netscape vagy IE esetében (amit már nem sokan használhatnak:DD), vagy ha a látogató direkt letiltotta e tag használatát, esetleg még pár linuxos kliens esetében jelenhet meg ez a figyelmeztető szöveg, de ebben nem vagyok 100%-ig biztos (links, lynx stb..)

Az "align="center"" - ez felel azért, hogy a keret a lapon hol jelenjen meg. A mi esetetünkben ez most középen fog.

Így fog kinézni:

<P></P> STYLE

Ez a módszer a honlapon amúgy is használat paragraph tulajdonságaira építő megoldás, nézzünk egy példát rá:

<p style="width: 50%; height: 50px; overflow:auto; border: 1px solid black">
sor1 sor1 sor1 sor1 sor1 sor1 sor1 sor1 <br>
sor2 sor2 sor2 sor2 sor2 sor2 sor2 sor2 <br>
sor3 sor3 sor3 sor3 sor3 sor3 sor3 sor3 <br>
bold betűk - kövér betű <br>
italic betűk - dőlt betűk <br>
<FONT COLOR="red">színek használata, legyen mondjuk piros</FONT> <br>
linkek használata - <a href="http://www.gyik.com/letoltes/">LETÖLTŐ KÖZPONT</a> <br>
</p>

Mint látható, a <p> tag-be beillesztettünk egy kis plusz információt, mely meghatározza a a közte található szöveg honlapon való megjelenését.

A fenti kódot egy lapba beillesztve ezt az eredményt fogjuk kapni:

sor1 sor1 sor1 sor1 sor1 sor1 sor1 sor1
sor2 sor2 sor2 sor2 sor2 sor2 sor2 sor2
sor3 sor3 sor3 sor3 sor3 sor3 sor3 sor3
bold betűk - kövér betű
italic betűk - dőlt betűk
színek használata, legyen mondjuk piros
linkek használata - LETÖLTŐ KÖZPONT

Akkor jöjjön egy kis magyarázat:

A width és a height a szélességre és a magasságra vonatkozik - szélesség 50%, magasság 50 pixel. Ebből is kitűnik, hogy ennél a módszernél is használható mind a százalékos, mind pedig a pixelben megadott érték.

Az overflow auto az ablak scrollozhatóságára hat, a border 1px solid a keret szélességét határozza meg, a black pedig a színét.