DHTML0114

Umiejscawianie w CSS

. Listing 7.1 \etscape

5te £drt iew £o gamrrwfcatDr

W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek. Definiowanie tabeli zaczynamy od górnego 'Siersza 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 z wierszy. Para znaczników TR i /TR służy do tworzenia wiersza Każdy wiersz ma komórki, które definiuje się za pomocą pary znaczników TD i /TD, zawartych między znacznikami TR i /TR. W przypadku komórek nagłówka używamy znaczników TFT i /TH (zamiast TD) Zawartość komórek nagłówków jest zwykle wyświetlana pogrubioną czcionką.

Listing 7.1. Choć obrazek istnieje w kodzie tlTML-owym...

<htmi>

<head>

•ukryj i visibility: hidden; fońt-weight: ->bold; j </style>

</head>

</span>

<p>W języku HTML definiuje się po kolei wszystkie ... </p>

</body>

</hzml>

iagreij

Rysunek 71 ...tonie ma go na ekranie. W miejscu,

gdzie powinna zostać wyświetlona grafika, widnieje jedynie pusty prostokąt

■ Widzialność elementu może być włączana i wyłączana za pomocą języka skryptowego (patrz strona 158).

Widzialność (lub nie)

Właściwość visibility określa, czy element będzie widoczny czy nie, gdy początkowo zostanie umieszczony w oknie przeglądarki. Jeśli właściwości tej przypiszemy wartość określającą, że element ma być niewidoczny, to element ten cały czas będzie znajdował się w dokumencie, będzie zajmował miejsce, lecz nie będzie widoczny - na jego miejscu będzie widniał pusty prostokąt; tak jak obrazek na rysunku 7.1.

Aby określić widzialność elementu

1. .ukryj {

Rozpocznij regułę od podania selektora i nawiasu otwierającego. Jeśli chcesz określić widzialność pojedynczego elementu, to radzę użyć identyfikatora (element taki będziesz mógł potem wyświetlić za pomocą JavaScriptu).

2. visibility:

Podaj właściwość visibility i dwukropek.

3. hidden

Teraz podaj jedno z przedstawionych poniżej słów kluczowych, które określają widzialność elementu:

• hidden, które sprawi, że podczas początkowego wyświetlania strony element nie będzie widoczny;

• visible, które sprawi, że element będzie

widoczny;

• inherit, które spowoduje, że element odziedziczy wartość tej właściwości po swoim elemencie rodzicielskim.

4. ; font-weight: bold;}

Zakończ definicję za pomocą średnika i zamykającego nawiasu klamrowego }.

7/ Rady

■ Pomimo pozornego podobieństwa

właściwość visibility różni się od właściwości display (patrz strona 105). Jeśli właściwości display przypiszemy wartość nonę, to element zostanie usunięty z dokumentu.

Widzialność (lub nie)

117