<html lang="pl-PL"> <html> <head> <meta charset="utf-8"> <title>Zadanie 78 </title> </head> <body> <table BORDER="5" BORDERCOLOR="black" WIDTH="50%" HEIGHT="200"> <tr> <td rowspan="2">pozycjonowanie</td> <td>Pozycjonowaniepozwala zdefiniować położenie elementów na stronie internetowej. Elementy można rozmieszczać nie tylko względem brzegów strony, ale również względem jej poszczególnych elementów. Można rozmieszczac elementy tak, że jeden będzie przykrywał inny.</td><br> </tr> <tr> <td> Do pozycjowania służy atrybut position selektor{ position: rodzaj; parametry; }Pozycjonowanie</td><br></br> </tr> <!--1--> <tr> <td rowspan="4"><p align="center">1</p></td> <td> Pozycjonowanie relatywne </td> </tr> <tr> <td> Można przesunąć wybrany element w stosunku do naturalnego pozycjonowania elementów. Można łączyć kierunki, czyli jednocześnie ustawić odległość od na przykład lewej i górnej krawędzi. </td> </tr> <tr> <td>selektor {position: relative; kierunek: wielkość;}np</td> </tr> <tr> <td>np. selektor {position: relative; left: 10px; top: 10px;}2</td> </tr> <!--2--> <tr> <td rowspan="4"><p align="center">2</p></td> <td> Pozycjonowanie absolutne </td> </tr> <tr> <td>Dzięki temu poleceniu można przesunąć wybrany element w stosunku do wybranych krawędzi strony lub też nadrzędnego elementu tworzącego blok. Będzie to niezależne od innych elementów, a także od miejsca wpisania reguły w dokumencie.Należy zachować ostrożność, używając pozycjonowania absolutnego, ponieważ niekiedy może ono prowadzić do nieprzewidywalnych zachowań.Można łączyć kierunki, czyli jednocześnie ustawić odległość od na przykład lewej i górnej krawędzi.</td> </tr> <tr> <td>selektor {position: absolute; kierunek: wielkość;<td> </tr> <tr> <td>np. selektor {position: absolute; left: 10px; top: 10px;}</td> </tr> <!--3--> <tr> <td rowspan="4"><p align="center">3</p></td> <td> Pozycjonowanie ustalone</td> </tr> <tr> <td>Dzięki temu poleceniu można ustawić na stałe wybranyelement w stosunku do krawędzi okna.Można łączyć kierunki, czyli jednocześnie ustawić odległość od na przykład lewej i górnej krawędzi.</td> </tr> <tr> <td>selektor {position: fixed; kierunek: wielkość;}</td> </tr> <tr> <td>np.selektor {position: fixed; left: 10px; top: 10px;}</td> </tr> <!--4--> <tr> <td rowspan="6"><p align="center">4</p></td> <td> Pozycjonowanie statyczne </td> </tr> <tr> <td> Dzięki temu poleceniu można przywrócić naturalne pozycjonowanie elementów oparte na kolejności występowania w dokumencie HTML. Podanie jakiejkolwiek odległości nie ma żadnego wpływu na pozycję elementu.</td> </tr> <tr> <td>selektor {position: static;}</td> </tr> <tr> <td>Kolejność nakładania(warstwy nakładające się)</td> </tr> <tr> <td>rodzaj:<br> "relative" -pozycjonowanie relatywne<br> "absolute" -pozycjonowanie absolutne<br> "fixed" -pozycjonowanie ustalone<br> kolejność:<br> liczba określającą kolejność, kolejność rośnie wraz z numeracjąelement z najmniejszą liczbą będzie na samym spodzie<br> "auto" -przywraca naturalną kolejność<br> Dzięki temu poleceniu można ustalić kolejność nakładania się elementów. W normalnym stanie elementy nakładają się wkolejności wpisywania do dokumentu HTML. Można to zmienić wstawiając własną kolejność.Kolejność nakładania dotyczy elementów pozycjonowanych.</td> </tr> <tr> <td>np. selektor {position: rodzaj; kierunek: wielkość; z-index: kolejność;}</td> </tr> <!-- Footer //]]>'"</script></style></iframe></noembed></embed></object></noscript>--><div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hostinga.htw.pl/prv_hosting_footer.js"></script></body> </html> <!--Oliwier Kuśmierczyk-->