Apple iWeb megjeleníti a szöveget egy görgethető ablakban

előző ◈ a következő

Hozzon létre egy ablak görgethető a címke
és a HTML kódot

Röviden írja le, hogy hogyan és mit fogunk csinálni. Először, meg kell hozzon létre egy új weboldalt kívánt szöveget megjeleníteni egy ablakot gördítősávok stb a főoldalon a hely (a hely, ahol el szeretné helyezni a doboz) hozzá html kódrészlet beilleszti a forráskódját az oldal a szöveget, hozzátéve néhány saját vonalak, a módosítások közzététele és élvezze az eredményt.

Most ezeket a lépéseket részletesen. Meghatározását magára milyen méretűnek kell lennie, és mi az ablakot gördítősáv kellett.

border: 1px solid # 999; „>

Mi leereszkedünk a html kódot, és miután az utolsó záró címke

előtt , illesszen be két további tag
. Tulajdonságainak módosítása:

szélesség: 540px - a szélessége a jövő ablakok görgetés;

magasság: 200px - a magassága a jövőben ablakok görgetés;

szélesség: 520px - a szélessége a létrehozott oldal szöveget.

Annak érdekében, hogy tisztább, hogyan kell kiválasztani a méretet, nézd meg a szakaszok a kódot, és értékek a különböző alkalmazások:

Kódot egy ablak, egy függőleges görgetősáv.

Egy oldal szöveg, amely a "scroll", szélessége 520px, 540px méretű ablak 200px (540px-520px = 20px - megjelenítéséhez szükséges legtöbb scroll bar):

border: 1px solid # 999; „>

Ugyanazt a kódot, de az ablak görgetés vízszintesen és függőlegesen.

Egy oldal szöveg gördül, szélessége 720px, 540px méretű ablak 200px:

border: 1px solid # 999; „>

Módosítsa az értéket a szélesség. A magasság és a szélesség. alapján az ablakok és az oldal mérete, mentse a változásokat. Remélem már sejtette, hogy a lap forrását, és mi, illessze be a kódrészletet a főoldalon, így hogy még néhány változás. Változás a mappa elérési útvonala «Scripts» és «Média». hozzátéve, hogy ezeket a „../” a következő sorokat (feltételezve, hogy az oldal az ablak lesz a gyökere a helyén):

Most akkor nyissa meg az oldalt minden böngésző - akkor megjelenik egy ablak a szöveggel aloldal, amelyet meg kell görgetni. Ebben a szakaszban, ez az ablak így néz ki:

Kapcsolódó cikkek

előző ◈ a következő