|
Ismertető.
Az itt olvasott szöveg, a gorgetendő html lapon van megírva.
A gorgetendő html lapot, css, azaz stíluslap is formázza.
Szöveg görgetése
A szöveg görgetésének megjelenítéséhez, kettő html lapot készítünk.
Első html lap:
Készítünk egy táblázatot, mely egyetlen egy td cellából áll.
A td cellába írjuk be az iframe kezdő és záró címkét.
A kezdő iframe címkébe írjuk azon meghatározást, mely bekéri a második, azaz azon html lapunk tartalmát melyben megírtuk a dokumentumunkat, és meghatározzuk a gorgető ablak szélességét és magasságát.
Példa:
<div id="gorgetes>
<table>
<tr>
< td valign="top">
<p class="pegygordul">Első görgetendő szöveg!
<iframe src="gorgetendo_001_html.html" frameborder="0" width=430 height=295> < /iframe>
</td>
</tr>
</table>
</div>
Második html lap:
Készítünk egy táblázatot, mely egyetlen egy td cellából áll.
A táblázat szélessége ne legyen nagyobb, mint az első html lapon lévő iframe kezdő címkéjében megadott szélesség.
Az itt megadott szélességben, el kell férni az oldalsó görgetősávnak is.
Ha a szélességet nagyobbra vesszük, akkor a görgető ablakban nem fér el szövegünk.
Ilyenkor nem csak lefelé kell a szöveget görgetni, hanem az alsó görgető sávval jobbra és balra is kell mozgatni, hogy olvasható legyen.
A td cellába írjuk be, dokumentumunk tartalmát, és formázzuk meg.
A megírt szöveget és hátterét, formázhatjuk közvetlen a html lapon, vagy a hozzá tartozó css, azaz stíluslapon.
A dokumentumunkat tartalmazó html lapnak nem kell teljes fejlécet készíteni, elég ha a kezdő és a záró html címkék közé helyezzük el, mint a lenti példában is látható.
Példa:
<html>
<head>
<title> Ide írjuk dokumentumunk elnevezését.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stíluslapunk fájl neve.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="389" border="0" cellpadding="0" cellspacing="0">
<tr class="szovegbox">
<td width="387" bgcolor="#FF0000">
<p> Írjuk be a dokumentumunk anyagát. Nem csak egy, hanem több bekezdést is készíthetünk.
</p>
</td>
</tr>
</table>
</body>
</html>
|