DHTML0116

Umiejscawianie w CSS

Umiejscawianie w CSS

E** v Gswwwew
S v dl ■'.) £■ Becfc Refcad Home Sesch Cułde		fjŚ' ąlH jócuóły bJHB

W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy    zawartych w nim

Miic*«zyfeainv od górnego wierata i okirśla&ą^yż^3&H«Ł*%$ kew^łfei.następnie drugi wiersz i jego komórlfeitwfc itoflnwif ^mwWfWJtomatycaue w oparciu o liczbę komórllwJaMttpirtWelfS^ri *XP,

zawartych między znacznikami TR i /IR. W przypadku komórek nagłówka mywamy znaczników TH i /TH (zamiast TD), Zawartość kmuor&k. napiwków jest zwykle wyświetlana, pogrubioną rzritmka.

Rysunek 7.2. Akapit umiejscowiony bezwzględnie znajduje się 25 pikseli poniżej oraz 50 pikseli na prawo od lewego górnego rogu okna przeglądarki, nawet pomimo tego. że inny akapit zajmuje ten sam obszar

7. :top:25px; left:50px; width:200px;

>color:red; font-weight:bold;}

Zakończ definicję za pomocą średnika, następnie podaj pozostałe właściwości związane z umiejscawianiem oraz wszelkie inne właściwości CSS, których chcesz, użyć, i zakończ regułę zamykającym nawiasem klamrowym }. W tym przypadku podaliśmy także wartości właściwości określających położenie pionowe (y, właściwość top), poziome (x. właściwość left) elementu, jego szerokość i kolor.

✓ Rady

■    Zawartość elementu o wyższej wartości właściwości z-index (patrz „Definiowanie porządku wyświetlania”, strona 130) może przesłonić inny element umiejscowiony bezwzględnie.

■    Położenie każdego umiejscowionego elementu w oknie możesz określić za pomocą właściwości top i left (patrz „Określanie lewego i górnego marginesu”, strona 126).

■    Jeśli element umiejscowiony bezwzględnie zostanie umieszczony wewnątrz innego elementu umiejscowionego bezwzględnie, to początkiem jego układu współrzędnych będzie lewy górny wierzchołek elementu rodzicielskiego (patrz „Stosowanie umiejscawiania względnego” na następnej stronie).

■    Jeśli nie zostanie podana wartość właściwości width, to element zajmie cały dostępny obszar do prawego brzegu okna przeglądarki lub elementu rodzicielskiego.

■    Jeśli nie zostanie podana wartość właściwości height, to element będzie miał wielkość konieczną do wyświetlenia całej swojej zawartości.

Stosowanie umiejscawiania

119