Paragraph style és Iframe használata

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 :)


1
<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:

1
<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>

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:



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á:

1
2
3
4
5
6
7
8
9
<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.

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.

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

1 hozzászólás

  1. Azt hogy csinálom, hogy van 1 iframe és pár link az oldalon, és azt akarom, hogy mindegyik az iframe-en belül nyiljon meg??

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét