Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[css] pozycjonowanie absolutne obiektu - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] pozycjonowanie absolutne obiektu (/thread-css-pozycjonowanie-absolutne-obiektu)



[css] pozycjonowanie absolutne obiektu - xmen - 16-01-2008

czytam i czytam a zrozumieć nie moge tego css. chciałem ustawić menu powiedzmy 5cm od lewej i 10cm od góry wpisuje więc przed obiektem selektor { position: absolute; left: 5cm; top: 10cm } i nie jest tak jak powinno czyli [Obrazek: sshottc6.png]

kod wpisałem tak

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="author" content="xmen" />
<meta http-equiv="reply-to" content="[email protected]" />
<meta name="description" content="opis" />
<meta name="keywords" content="slowa kl" />
<meta name="copyright" content="xmen" />
<meta http-equiv="content-language" content="pl" />
<meta name="robots" content="ALL" />
<meta name="distribution" content="GLOBAL" />
<title>kurde</title>
<base href="http://halt.neostrada.pl" />
</head>

selektor { position: absolute; left: 5cm; top: 10cm }<object classid="clsidBig Grin27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="menu" width="142" height="250">
<param name="movie" value="images/menu.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="play" value="true" />
<param name="loop" value="true" />
<embed name="menu" src="images/menu.swf" quality="high" bgcolor="#FFFFFF" width="142" height="250" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</body>
</html>

możecie mi w prosty sposób powiedzieć co robię źle

Ufff już wiem
w head
<style type="text/css">

p {

margin: 100px;

font: 1em arial, sans-serif;

</style>

w body <p>obiekt</p>

i wyszło pięknie jak chciałem

[Obrazek: sshot1ge8.png]

Dopiero niedawno zaczełem przygodę z tworzeniem stron i muszę powiedzieć że wcale nie jest to łatwe ani trudne średnio na jeża ale jeszcze tysiące godzin w necie przedemną z życzliwymi ludźmi żeby mieć dobrą wiedzę


RE: [css] pozycjonowanie absolutne obiektu - emilooo89 - 27-11-2008

Witam, więc na moje oko popełniłeś błąd, ponieważ powinieneś podać wartości w px a nie w cm tak jak to zrobiłeś przy znaczniku <p>. Przy p ustawiłeś margines 100px od góry,prawej,lewej i dołu. Pozycjonowanie absolutne wykorzystuje się z reguły, gdy chcemy nałożyć jedną warstwę div na drugą lub po prostu umieścić jakiś obiekt na innym bez względu na jego formatowanie stosując z-index.


RE: [css] pozycjonowanie absolutne obiektu - Szorstki - 30-11-2008

"chcemy nałożyć jedną warstwę div na drugą lub po prostu umieścić jakiś obiekt na innym bez względu na jego formatowanie stosując z-index."

to można jeszcze inaczej tworzyć warstwy niż przez z-index?