Loading:

Promocja Helion.pl

Styl CSS position

Styl definiuje sposób określenia współrzędnych elementu.

WARTOŚCI

• static - CSS: 2.1, 2.0
pozycjonowanie tradycyjne, wartość domyślna

• relative - CSS: 2.1, 2.0
element zmienia pozycję, ale otaczające elementy zachowują się, jakby element nadal tam był

• absolute - CSS: 2.1, 2.0
pozycjonowanie względem bloku zewnętrznego, mają tu zastosowanie style left, right, top, i bottom

• fixed - CSS: 2.1, 2.0
pozycjonowanie stałe, nie zmienia się gdy strona jest przewijana

• inherit - CSS: 2.1, 2.0
przejęcie wartości "rodzica", np. position: inherit;


Napisz Artykuł

Listing


Przykład 1:

Powinien pokazać się napis widoczny nawet gdy strona jest przewijana.

<p style="color: blue; position: fixed; top: 300px;
right: 10px; bottom: 10px; left: 150px;"
>testowy napis</p>

Przykład 2:

<style type="text/css"><!--
p { position: fixed; top: 10px; right: 10px; bottom: 10px; left: 10px; }
--></style>
 


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=10&t=1942

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors