Paragraph style s Iframe hasznlata
FADMIN 2004.08.26. 16:58
2004.08.26
Elfordulhat olyan eset honlapszerkeszts kzben, hogy a honlapon szeretnl kitenni egy hosszabb szveget, de gy, hogy ne legyen nagyon "hossz" lefele a lap (akr design miatt, akr ms miatt). Ilyenkor meg lehet egy lapon belli grgets mezvel is oldani a dolgokat, ennek 2 mdszert ismertetem most.
Egyik megolds az <iframe></iframe> tag-ek hasznlata, a msik a <p></p> tag-ek hasznlata. Az els esetben a lapon csak a tag-ek helyezzk el, a tartalmat egy kls fjlbl fogja meghvni, mg a msodik esetben a tartalom is a html fjlon bell lesz. Nzznk inkbb pldkat, gy rthetbb lesz egyelre homlyos magyarzatom :)
<IFRAME></IFRAME>
Van mondjuk egy "gumikacsa.html" fjl, amibe szeretnl egy 50% szles s 200 pixel magas ablakot, melynek tartalma scrollozhat, s maga a tartalom egy kls fjlban tallhat - legyen mondjuk "tartalom.txt". Akkor egy ilyen kdrszletet kell beillesztened a "gumikacsa.html" -be betenned:
<iframe src="tartalom.txt" name="gyik" width="50%" height="200" align="center">Ha ezt a rszt ltod csak a vals tartalmat nem - frisstsd a bngszprogramodat mert mr rgi.</iframe>
Egy kis magyarzat:
a "tartalom.txt" neve helyre termszetesen azt a fjlt kell bernod, amit majd szeretnl ha megjelenne a keretben. Itt fontosnak tartom megjegyezni, hogy akr http:// hivatkozs is lehet, teht brmilyen szerverrl, brmilyen lapot be lehet gy illeszteni a "gumikacsa.html"-be.
Az "50%" s a "height="200"" szerintem egyrtelm - ablak szlessge s magassga. A mintbl kiderl, hogy megadhatod pixel-ben s szzalkban is az rtkeket.
Van egy olyan rsz, hogy "Ha ezt a rszt ltod...." - ez akr ki is hagyhat lenne, de nem ll semmibl hasznlni. Ez a szveg a ltogatk szmra csak akkor jelenik meg, ha a bngszjk nem tmogatja az <iframe>-k hasznlatt. Ez elfordulhat mondjuk ilyen 1.0-s Netscape vagy IE esetben (amit mr nem sokan hasznlhatnak:DD), vagy ha a ltogat direkt letiltotta e tag hasznlatt, esetleg mg pr linuxos kliens esetben jelenhet meg ez a figyelmeztet szveg, de ebben nem vagyok 100%-ig biztos (links, lynx stb..)
Az "align="center"" - ez felel azrt, hogy a keret a lapon hol jelenjen meg. A mi esetetnkben ez most kzpen fog.
gy fog kinzni:
<P></P> STYLE
Ez a mdszer a honlapon amgy is hasznlat paragraph tulajdonsgaira pt megolds, nzznk egy pldt 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 betk - kvr bet <br> italic betk - dlt betk <br> <FONT COLOR="red">sznek hasznlata, legyen mondjuk piros</FONT> <br> linkek hasznlata - <a href="http://www.gyik.com/letoltes/">LETLT KZPONT</a> <br> </p>
Mint lthat, a <p> tag-be beillesztettnk egy kis plusz informcit, mely meghatrozza a a kzte tallhat szveg honlapon val megjelenst.
A fenti kdot egy lapba beillesztve ezt az eredmnyt 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 betk - kvr bet italic betk - dlt betk sznek hasznlata, legyen mondjuk piros linkek hasznlata - LETLT KZPONT
Akkor jjjn egy kis magyarzat:
A width s a height a szlessgre s a magassgra vonatkozik - szlessg 50%, magassg 50 pixel. Ebbl is kitnik, hogy ennl a mdszernl is hasznlhat mind a szzalkos, mind pedig a pixelben megadott rtk.
Az overflow auto az ablak scrollozhatsgra hat, a border 1px solid a keret szlessgt hatrozza meg, a black pedig a sznt.
|