+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: CSS położenie menu w danym miejscu (/thread-css-polozenie-menu-w-danym-miejscu)
CSS położenie menu w danym miejscu - hghormone - 14-02-2011
Witam.
Zaczynam własnie zabawe z XHTML/CSS.
Utwórzyłem sobie np.menu:
Kod:
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>Może mi ktoś powiedzieć jakie komendy należy wpisać w pliku arkusza .css, aby menu znalazło się np.miejscu x 100 i y 50 na stronie.
Ogólnie mam jeszcze problemy z układaniem elementów na stronie.
Powiedzmy że mam np. na stronie takie własnie menu i np.2 zdjęcia i nie wiem jakimi komendami najlepiej ułożyć to na stronie za pomocą .css ?
RE: CSS położenie menu w danym miejscu - Engine - 14-02-2011
Najlepiej to pewnie zacząć od tego: http://www.kurshtml.boo.pl/
RE: CSS położenie menu w danym miejscu - hghormone - 14-02-2011
Rozwiązałem to w ten sposób:
html:
Kod:
<div id="menu">
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>css
Kod:
#menu {
left :10px;
top :200px;
}Czy tak jest prawidłowo ?
RE: CSS położenie menu w danym miejscu - R_Rafalsky - 14-02-2011
Jest prawidłowo, chociaż wykorzystałbym bardziej margin-left= 10px; margin-top: 200px;
RE: CSS położenie menu w danym miejscu - disaster - 14-02-2011
pewnie, można margin: 200 0 0 10 hihi
RE: CSS położenie menu w danym miejscu - R_Rafalsky - 14-02-2011
nie zapominaj o 'px' i średniku
Kod:
margin: 200px 0 0 10px;RE: CSS położenie menu w danym miejscu - Dhofca - 15-02-2011
To nie było poprawnie, do top i left musiałbyś dopisać position: absolute albo relative. Pod dalszą częścią się podpisuję, lepiej użyć margin.
RE: CSS położenie menu w danym miejscu - hghormone - 16-02-2011
Zgadzam się z wami, ale powiedzcie mi dlaczego to nie działa na zdjęciu ?
html:
Kod:
<div id="obrazek">
<img src="images/zdjecie1.jpg" width="400" height="266" border="0" alt="[Rozmiar: 87118 bajtów]" />css:
Kod:
#obrazek {
margin: 200 0 0 100
}RE: CSS położenie menu w danym miejscu - Szczygy - 18-02-2011
Tak jak pisał wcześniej R_Rafalsky. Zapomniałeś o px i średniku
.Kod:
#obrazek {
margin: 200px 0 0 100px;
}