Pozycje
Czasami chcemy aby jakiś rysunek znajdował się w określonym miejscu gdyż tylko w ten sposób możemy złożyć grafikę. Czasami chcemy aby jeden rysunek był na drugim. Może chcemy też określić położenie danego bloku z tekstem na stronie Jak to zrobić dowiemy się w tym dziale.
Oto fragment kodu html - przyjżyjmy się mu dokładnie<p><img src="miecz.gif" width="138" height="156" alt="
Nazwa"style="
position: absolute; top:10px; left:530px;"> </p>img src="miecz.gif" width="138" height="156" alt="Nazwa" znamy już dobrze , nowością jest: style="position: absolute; top:10px; left:530px;"
Chyba każdy który zna angielski potrafi zinterpretować ten kod:
top:10px oznacza że element będzie się znajdował 10
pikseli od góry
left:530px będzie się znajdował 530 pikseli od lewej
To samo można zrobić z tekstem, wystarczy go umieścić w bloku <div> pomiędzy znaczkami <div> i </div> np.
<div style="position: absolute; top:50px; left:150px; width:520;">Dodatkowo za pomocą parametru width:520 można określić szerokość bloku <div>
Natomiast jeżeli chcemy umieścić rysunek na rysunku wystarczy akreślić pokolej parametry pierwszego i drugiego - drugi będzie na pierwszym np.
<p><img src="miecz.gif" width="138" height="156" alt="
Nazwa"<p><img src="
miecz2.gif" width="60" height="70" alt="Nazwa2"miecz2.gif będzie się znajdował na miecz.gif
I to by było na tyle , trochę o przykrywaniu warstw i zmianie pozycji prosto z przegladarki w dziale Java script, css, dhtml w dziale Warstwy!!
