Skopiuj plik formatowanieobiektu.zip i rozpakuj go do folderu z plikami WWW. Zapoznaj się z zawartością i źródłami plików.
W znaczniku object dodaj kod:
height="100" id="tlo">
W elemencie style dodaj kod:
} #tlo { } #logo { } </style>
W elemencie style dodaj kod.
#logo { position: absolute; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
position: absolute; right: 10px; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
right: 10px; bottom: 10px; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
} #tlo { position: fixed; } </style>
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
position: fixed; left: 0px; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
left: 0px; top: 0px; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod.
top: 0px; z-index: -1; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W znaczniku object zmień kod.
data="tlo.swf" width="100%" height="100%" id="tlo">
Zapisz zmiany i odśwież podgląd w przeglądarce.
Umieść pliki ćwiczeniowe na serwerze.
{position:}
– definiuje sposób pozycjonowania elementu. Wartości stylu mogą być równe:
static - statyczna, relative - relatywna, absolute - absolutna, fixed - ustalona.
{right:}
– definiuje odległość elementu od prawej krawędzi. Wartości stylu mogą być równe: auto, length, percentage.
{bottom:}
– definiuje odległość elementu od dolnej krawędzi. Wartości stylu mogą być równe: auto, length, percentage
{left:}
– definiuje odległość elementu od lewej krawędzi. Wartości stylu mogą być równe: auto, length, percentage.
{top:}
– definiuje odległość elementu od górnej krawędzi. Wartości stylu mogą być równe: auto, length, percentage.
{z-index:}
– definiuje kolejność elementów. Wartości stylu mogą być równe: auto, integer - liczba całkowita.
W elemencie style dodaj kod:
#logo { position: absolute; right: 10px; bottom: 10px; clip: rect(5px,65px,45px,0px); z-index: 2; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod:
} p { direction: rtl; } </style>
Zapisz zmiany i odśwież podgląd w przeglądarce.
W elemencie style dodaj kod:
direction: rtl; unicode-bidi: bidi-override; }
Zapisz zmiany i odśwież podgląd w przeglądarce.
Umieść pliki ćwiczeniowe na serwerze.
{clip:}
– definiuje kadrowanie elementu. Wartości stylu mogą być równe: auto
- brak kadrowania, rect(top, right, bottom, left) - funkcja definiuje prostokąt kadrujący. Argumentami są liczby z jednostką określające odpowiednio ukrycie od krawędzi: górnej, prawej, dolnej i lewej. {direction:}
– definiuje kierunek tekstu. Wartości stylu mogą być równe: ltr - od lewej do prawej, rtl - od prawej do lewej.{unicode-bidi:}
– definiuje kierunek liter. Wartości stylu mogą być równe: normal - litery w domyślnej kolejności, embed - litery w kolejności direction, bidi-override - litery w odwrotnej kolejności (gdy direction:rtl;)