Tworzenie warstw DHTML top, left, position, warstw, height, warstwa, 200, absolute, ktoacutera, tworzenie, na, , top, left, w, position, warstw, height, warstwa, 200, absolute, 50, ktoacutera, tworzenie, dhtml, width, umieszczona, zostanie, wartość, dokumentu, właściwości, to, i, można, być, backgroundcolor, warstwy, 300, ma, względem, relative, właściwość, jest, oraz, czcionki, przydatnych, tła, wiele, kilku, zastosowaniu, kształcie, innych, kolor, jednej, stronie, przy, schematu
ltstyle, określić, wierzchu, samym, dole,
nbspnbspnbspnbspnazwa_warstwy2, definicja, ktoacuteremu, powinna, przebiegać, położenie, wg, prostokąta, type=quottextcssquotgt
nbspnbspnbspnbspnazwa_warstwy1, ustalić, znaleźć,
ltstylegt
tekst, warstwie, lub, gafika, się, itd, musi, id=quotnazwa_warstwyquotgt, objęta, że, znacznikami, ltdiv, obszar, ltdivgt
lthtmlgt
nbspnbspltheadgt
nbspnbspnbspnbspltmeta, httpequiv=quotcontenttypequot, content=quottexthtml, charset=windows1250quotgt
nbspnbspnbspnbspltstyle, type=quottextcssquotgt
nbspnbspnbspnbspnbspnbsplt
nbspnbspnbspnbspnbspnbspwarstwa1, wydzielony, innego, nic, tworzenia, przydatne, do, bardzo, spowoduje, styl, jak, id=quotwarstwa3quotgt
nbspnbspnbspnbspnbspnbspto, są, styloacutew, miejscu, o, wspoacutełrzędnych, podanych, przez, arkusze, goacuternego, lewego, rogu,
nbspnbspnbspnbspnbspnbspwarstwa2, aktualnego, 110, center, lekcjach, transparent,
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspfontsize, 16pt, coloryellow, textalign,
nbspnbspnbspnbspnbspnbspwarstwa3, poprzednich, 75, 250, red
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspwidth, 230,
w, tym, przypadku, wartości, obecnej, pozycji, dokumencie, dzięki,
nbspnbspnbspnbspnbspnbspgt
nbspnbspnbspnbspltstylegt
nbspnbspltheadgt
nbspnbspltbody, id=quotwarstwa2quotgt
nbspnbspnbspnbspnbspnbspdzięki, bgcolor=quot6fb20fquotgt
nbspnbspnbspnbspltdiv, definiowana, id=quotwarstwa1quotgt
nbspnbspnbspnbspnbspnbspltimg, src=quotryscompjpgquotgt
nbspnbspnbspnbspltdivgt
nbspnbspnbspnbspltdiv, warstwomltbrgt
nbspnbspnbspnbspnbspnbspmożesz, pisać, grafice, dhtmlaltbrgt
nbspnbspnbspnbspnbspnbspjest, ltbrgt
nbspnbspnbspnbspnbspnbspbez, niemożliwe
nbspnbspnbspnbspltdivgt
nbspnbspnbspnbspnbspnbspten, nie, tekst, znajomości, poznane, przykład, warstwie
nbspnbspnbspnbspltdiv,
nbsp, względnej
nbspnbspnbspnbspltdivgt
nbspnbspltbodygt
lthtmlgt, żadnej,
wartość,
Piątek 04 Kwiecień 2025r.
Godz 00:00:00
Postów: 251
Tworzenie warstw DHTML
Poznane w poprzednich lekcjach arkusze stylów są bardzo przydatne do tworzenia warstw. Warstwa to nic innego jak wydzielony obszar dokumentu w kształcie prostokąta, któremu można określić położenie, kolor tła, styl czcionki oraz wiele innych przydatnych właściwości. Przy zastosowaniu kilku warstw na jednej stronie można ustalić, która ma być na wierzchu, która na samym dole itd. Definicja warstwy powinna przebiegać wg schematu:
<STYLE TYPE="text/css">
#nazwa_warstwy1 { właściwość: wartość }
#nazwa_warstwy2 { właściwość: wartość }
</STYLE>
Tekst lub gafika, która ma się znaleźć na warstwie musi być objęta znacznikami <DIV ID="#nazwa_warstwy"> i </DIV>.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
<STYLE TYPE="text/css">
<!--
#warstwa1 { position: absolute; left: 50; top: 50; width: 300; height: 200 }
Wartość absolute właściwości position spowoduje, że definiowana warstwa zostanie umieszczona w miejscu o współrzędnych podanych przez left i top względem lewego, górnego rogu aktualnego dokumentu.
#warstwa2 { position: absolute; left: 50; top: 110; background-color: transparent;
font-size: 16pt; color:yellow; text-align: center; width: 300; height: 200 }
#warstwa3 { position: relative; left: 250; top: 230; background-color: red;
width: 200; height: 75; }
W tym przypadku warstwa zostanie umieszczona względem obecnej pozycji w dokumencie (dzięki wartości relative)
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="#6FB20F">
<DIV ID="warstwa1">
<IMG SRC="../rys/comp.jpg">
</DIV>
<DIV ID="warstwa2">
Dzięki warstwom<BR>
możesz pisać na grafice !!!<BR>
Bez znajomości DHTML-a<BR>
jest to niemożliwe.
</DIV>
Ten tekst nie jest na żadnej warstwie.
<DIV ID="warstwa3">
To jest przykład warstwy względnej.
</DIV>
</BODY>
</HTML>
Darmowy hosting zapewnia PRV.PL