DHTML0115

Rozdział 7.

Stosowanie umiejscawiania

Stosowanie umiejscawiania bezwzględnego

Umiejscawianie bezwzględne tworzy niezależny element - tzw. „wolny agent” - oddzielony od reszty' dokumentu, wewnątrz którego możesz umieścić dowolną zawartość języka HTML. Elementy zdefiniowane w ten sposób są umieszczane w oknie przeglądarki w ściśle określonym punkcie, wskazanym za pomocą współrzędnych x i y. Początkiem układu współrzędnych (o współrzędnych 0,0) jest lewy górny róg okna przeglądarki lub elementu zawierającego dany element. Dodatnia wartość współrzędnej x powoduje przesunięcie elementu bardziej na prawo, natomiast dodatnia wartość współrzędnej y powoduje przesunięcie elementu ku dołowi (patrz strona 118).

Na rysunku 7.2, umieszczonym na kolejnej stronie, przedstawiony został element umiejscowiony bezwzględnie. Przy użyciu właściwości top i left został on przesunięty o 25 pikseli na prawo od lewej krawędzi okna przeglądarki (x) i 50 pikseli ku dołowi od górnej krawędzi okna przeglądarki (y).

Aby zdefiniować element, który zostanie umiejscowiony bezwzględnie

1. #elemAbs

Określ nazwę selektora tej reguły.

Zazwyczaj dla elementów umiejscawianych bezwzględnie będziesz używał selektorów identyfikatorów, które będą mogły zostać wykorzystane do podania położenia określonego elementu na stronie.

Tak właśnie zrobiłem w kodzie przedstawionym na listingu 7.2.

5. position:

Zapisz właściwość position i dwukropek.

6. absolute

Jeśli chcesz posiadać dokładną kontrolę nad położeniem elementu w oknie przeglądarki, to przypisz właściwości position wartość absolute.

Listing 7.2. Każdy element, w którym zostanie wykorzystany identyfikator elemAbs, będzie umiejscowiony bezwzględnie, bądź to w oknie przeglądarki, bądź w elemencie rodzicielskim

<htrnl>

<head>

<raeta htt.p-equiv=*"Content-Type" -»content-"text/html; charset=ISO-8359-2"> <title>Listing 7.2</t.itle>

#elemAbs { position: absolute; tcp: 25px; -»left: 50px; wiath: 200px; color: red; -*font-weight: bold; )

</style>

</head>

<p>W języku HTMJ. definiuje się pc kolei wszystkie wiersze tabeli,...</p>

<p>E>ara znaczników TF i /TR służy do tworzenia wiersza. Każdy ...</p>

</span>

</body>

118

Wyszukiwarka

Podobne podstrony:
DHTML0117 Rozdział 7. Rozdział 7. Stosowanie umiejscawianiaStosowanie umiejscawiania względnego Elem
DHTML0119 Rozdział 7. Dodawanie elementówDodawanie elementów bezwzględnych do
DHTML0121 Rozdział 7. Stosowanie pozycjonowaniaStosowanie pozycjonowania statycznego jako statyczne,
DHTML0084 Rozdział 5. Umiejscawianie* tła na ekranie 3Listing 5,6 - Microsoft Internet Exp!ot pi>
1. PODSTAWY TEORETYCZNO-METODOLOGICZNE W rozdziale dokonano umiejscowienia problematyki pracy w bada
immunitet01 236 Rozdział 3. stosowanie prawa międzynarodowego - podmioty jurysdykcji Trybunału. Prop
immunitet04 242 Rozdział 3. Stosowanie prawa między narodowego - podmioty wienie SN z 11.1.2000 r.1,
immunitet08 250 Rozdział 3. Stosowanie prawa międzynarodowego -podmioty Immunitet ustaje nie tylko w
immunitet02 238 Rozdział 3. Stosowanie prawa międzynarodowego - podmioty pur - 1979 r., Pakistan - 1
DHTML0022 Rozdział 1. Rozdział 1. Czym jest styl?Czym jest styl? Większość dostępnych procesorów tek
DHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczane
DHTML0028 Rozdział 1. Definicje: właściwości i wartościDefinicje:właściwości i wartości /a selektore
DHTML0030 Rozdział 1. Definiowanie selektorów klasDefiniowanie selektorów klas Użycie selektorów kla
DHTML0032 Rozdział 1. Rozdział 1. Definiowanie saelektora identyfikatora i i j i jneużt!.
DHTML0034 Rozdział 1. Umieszczanie selektorów w kontekście ROZDZIAŁ 7. O problemach nmlaj-skicli Pro
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa

więcej podobnych podstron