DHTML0123

Rozdział 7.

Określanie marginesu

Określanie górnego i lewego marginesu

Oprócz marginesów, które możesz definiować jako część właściwości bloku (patrz strona 94), także elementy umiejscowione mogą posiadać określone wartości właściwości left i top.

Rysunek 7.7 pokazuje element, który został przesunięty o 9em na prawo od lewej krawędzi strony i opuszczony o 75 pikseli w dół.

Aby zdefiniować lewy i górny margines

1. #ht42 (

Podaj selektor, jakiego użyjesz do zdefiniowania elementu, który będziesz umiejscawiał na ekranie. W przykładzie przedstawionym na listingu 7.7 użyjemy selektora identyfikatora.

2. position: absolute;

Aby móc umiejscowić element przy użyciu właściwości left i/lub top, będziemy musieli umieścić w tej samej regule właściwość position.

3. left:

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

4. 9em

Teraz podaj wartość określającą wielkość,

0 jaką element zostanie przesunięty w prawo. W tym celu możesz użyć:

1 wielMcioMlfice) długość, npJem,

która będzie określać dystans, na jaki element zostanie odsunięty od lewej krawędzi okna lub elementu rodzicielskiego;

• wartości procentowej, np. 55%. Jej użycie spowoduje, że przesunięcie będzie zależne od szerokości elementu rodzicielskiego;

• wartości auto, która sprawia, że przeglądarka będzie mogła obliczyć przesunięcie, jeśli właściwości position zostanie przypisana wartość absolute; w' przeciwnym razie właściwość left będzie równa 0.

Listing 7.7. Przedstawiony poniżej kod definiuje selektor identyfikatora, który, jeśli zostanie użyty, spowoduje przesunięcie elementu o 9em w prawo i o 75 pikseli w dól

<ht:ml>

<head>

Uht4 2 • position: absolute; left: 9em; ->top: 75px; border: 5px groove blue;

</style>

</head> <body bqcolor="#l^;’FrFFF^,,>

<span id "hl42">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 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 z wierszy.</span>

</body>

</html>

W stosunku do czego?

Te właściwości określają położenie lewego górnego wierzchołka elementu (włącznie z jego marginesami) w stosunku do lewego górnego wierzchołka elementu rodzicielskiego. Jeśli element nie jest zagnieżdżony wewnątrz innych elementów, to dla elementów umiejscowionych bezwzględnie będzie to pozycja

w stosunku do lewego górnego wierzchołka strony. W przypadku elementów umiejscowionych względnie zawsze będzie to pozycja względem lewego górnego wierzchołka obszaru, który element zajmowałby w zwykłych warunkach.

126

Wyszukiwarka

Podobne podstrony:
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
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
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
DHTML0113 Rozdział 7. Określanie typu położeniaOkreślanie fypu położenia Kiedy określasz atrybuty zn
pic 11 06 072048 Rozdział 11. Marginalizacja i wykluczenie społeczne jącym system opieki społecznej
12. Określ szerokość górnego marginesu ihC ^ a. szeroki ^ b. wąski c. inny 13. Określ wygląd linii
pic 11 06 072009 Rozdział 11 Marginalizacja i wykluczenie społeczne Wstęp Problem marginalizacji i
pic 11 06 072036 Rozdział 11. Marginalizacja i wykluczenie społeczne --------j .. ^^/uwjiiiuwaiiiu

więcej podobnych podstron