Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CSS położenie menu w danym miejscu
#1
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 ?
Odpowiedz
#2
Najlepiej to pewnie zacząć od tego: http://www.kurshtml.boo.pl/
Odpowiedz
#3
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 ?
Odpowiedz
#4
Jest prawidłowo, chociaż wykorzystałbym bardziej margin-left= 10px; margin-top: 200px;
Jak pomogłem daj '+'. To nie boli, a ja mam satysfakcję Smile

Any sufficiently advanced technology is indistinguishable from magic.
Odpowiedz
#5
pewnie, można margin: 200 0 0 10 hihi
Odpowiedz
#6
nie zapominaj o 'px' i średniku
Kod:
margin: 200px 0 0 10px;
Jak pomogłem daj '+'. To nie boli, a ja mam satysfakcję Smile

Any sufficiently advanced technology is indistinguishable from magic.
Odpowiedz
#7
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.
Odpowiedz
#8
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  
}
Odpowiedz
#9
Tak jak pisał wcześniej R_Rafalsky. Zapomniałeś o px i średniku Wink.
Kod:
#obrazek {
margin: 200px 0 0 100px;  
}
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Rozwijane menu w Bok Boshi 7 7,801 27-09-2014, 00:47
Ostatni post: Kartofelek
  [Problem] Menu [jQuery] [CSS] [HTML] EncoreCode 1 2,813 28-08-2013, 22:16
Ostatni post: msx83
  Light box menu andemel 6 6,217 19-07-2013, 12:18
Ostatni post: atp
  Superfish menu - problem z wyśrodkowaniem. Gargamel 3 3,623 13-02-2013, 19:02
Ostatni post: Kartofelek
  Menu i parametry - PILNE catalunya 8 6,501 10-12-2012, 07:26
Ostatni post: yriah

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl