DHTML0120

Umiejscawianie w CSS

Umiejscawianie w CSS

Listing 7.4 Netscape

EOe fcrfit y.ew Qo ęommuftCetDr f.łołp

v i    i    *    c u4-    22

&»*    ><■:.< R6o«i    Hm*    Seatch    ^oounty    mM\

Jfyjityk# HTM^ definiuje się po kolei wszystkie wiersze tabeli, a &    ^defilucję wszystkich zawartych w nim

komórek. '.Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, następnie drugi wiersz i jego komórki, itd Kolumny obliczane są automatycznie w oparciu o liczbę

komórek w każdym ż wierszy.

Rysunek 7.4. Zawartość dokumentu oznaczona za pomocą klasy relElement będzie miała górny margines o wysokości 15 pikseli. Zawartość umiejscowiona bezwzględnie wewnątrz tej warstwy zostanie wyświetlona ponad nią

3. <DIV CLASS="relElement">

<SPAN CLASS="title">ALICJA</SPAN>

</DIV>

Teraz w treści dokumentu umieść element bezwzględny wewnątrz znacznika używającego klasy relElement. Tytuł zostanie umiejscowiony bezwzględnie, jednak nie w stosunku do okna przeglądarki, ale w stosunku do swojego elementu rodzicielskiego.

✓ Rady

■    Przedstawiona powyżej technika łączenia

elementów umiejscawianych względnie

i bezwzględnie jest szczególnie użyteczna w sytuacjach, gdy będziesz musiał bezwzględnie umiejscowić dwa elementy w stosunku do siebie nawzajem, a nie w stosunku do okna przeglądarki lub innych wyświetlanych w nim elementów - na przykład, gdy będziesz musiał umiejscowić cień względem elementu, który go rzuca (patrz strona 139).

■    Zauważ, że bezwzględnie umiejscowiony tekst (słowo „Tabele”) zostaje wyświetlone ponad resztą tekstu. W dalszej części tego rozdziału dowiemy się, jak można zmieniać „porządek wyświetlania” elementów, aby móc przekładać je jak karty w talii (patrz strona 130).

Dodawanie elementów

123