DHTML0113

DHTML0113



Rozdział 7.

Określanie typu położenia


Określanie fypu położenia

Kiedy określasz atrybuty znacznika HTML-owetjo poprzez selektor

w kaskadowych arkuszach stylów, to w efekcie wyróżniasz zawartość wewnątrz pojemnika tego znacznika jako unikalny element na ekranie. (Patrz „Pojęcie bloku elementów”, strona 84). Tym unikalnym elementem można manipulować za pomocą umiejscawiania CSS - CSS-P.

Każdy element może mieć jedną z trzech dostępnych wartości umiejscawiania (patrz tabela 7.1). Typ umiejscowienia mówi przeglądarce, jak należy traktować element podczas wyświetlania go na ekranie.

Kiedy elementy zostaną już umieszczone na ekranie, to będziesz mógł wykorzystać język JavaScripl lub inny język skryptowy do ich przesuwania, ukrywania lub wyświetlania.

✓ Rady

■    Choć właściwości CSS-P możesz używać w dowolnym znaczniku HTML-owym, w którym możesz użyć normalnych kaskadowych arkuszy' stylów, to jednak zamiast tego często użyteczne jest kojarzenie informacji związanych

z umiejscawianiem z niezależna klasą lub identyfikatorem (patrz strony 30-32).

Klasa lub identyfikator mogą być

używane według potrzeb, a nie przypisywane automatycznie do znacznika.

■    Jeśli znaszjuż warstwy (ang. layers) dostępne w Navigatorze (patrz rozdział 13), to umiejscawianie CSS powinno być Ci całkiem znajome. Jednak aby kod DHTML-owy mógł działać na wielu przeglądarkach, nie będziemy stosowali warstw, lecz CSS-P.

Tabela 7.1. Kwestia położenia

Nazwa

Jak działa?

Gdzie znaleźć więcej informacji?

static

Umieszcza element w linii, jednak jego położenie nie może być zmienione.

„Używanie

umiejscawiania

statycznego"

relative

Umieszcza element w linii, jednak pozwala na przesuwanie elementu w obrębie naturalnego położenia elementu na ekranie.

„Używanie

umiejscawiania

względnego'

absolute

Element jest umieszczany w ściśle określonej pozycji w oknie przeglądarki, niezależnie od innych elementów na ekranie.

„Używanie

umiejscawiania

bezwzględnego”


Ostrzeżenie: Umiejscawianie a starsze przeglądarki

Użycie większości właściwości omawianych w rozdziałach od 2. do 6. nie przeszkodzi w poprawnym wyświetleniu strony w przeglądarkach, które nie obsługują CSS. Jednak jeśli użyjesz umiejscawiania do określenia układu dokumentu, to jest możliwe, żc dokument nie zostanie poprawnie wyświetlony w starszych przeglądarkach, a nawet może być całkowicie bezużyteczny. Zawsze przetestuj swój kod w przeglądarkach nie obsługujących kaskadowych arkuszy stylów, aby zobaczyć, czy otrzymane wyniki są możliwe do zaakceptowania.


116


Wyszukiwarka

Podobne podstrony:
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typem
DHTML0078 Rozdział 5. Określanie kolorów E* ci tg Pńnt Secufy £ GuboOkreślanie kolorów Dzięki
DHTML0080 Rozdział 5. Określanie obrazu tłaOkreślanie obrazu tła Dzięki kaskadowym arkuszom stylów m
DHTML0091 Rozdział 6. Określanie marginesów elementuOkreślanie marginesów elementu Właściwość margin
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
P1110732 W czasie pracy ciągnika rozdzielacz 6 ustawiony jest w położeniu pokazanym na rys. 27 i stw
DHTML0060 Rozdział 3. Rozdział 3. Określanie kerningu £* SŚłycja iggpl:. Prrejd* Jubtor* Pnrrac. .
DHTML0062 Rozdział 3. niej użyć linii o podwójnej . oj nej Określanie odstępu wierszyOkreślanie odst
DHTML0082 Rozdział 5. Czasami powtarzające si
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
DHTML0103 Rozdział 6. Rozdział 6. Upiększanie obramowańUpiększanie obramowań Określenie koloru nie j

więcej podobnych podstron