+- 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 - Podmenu - jak ustawić linki po lewej stronie (/thread-css-podmenu-jak-ustawic-linki-po-lewej-stronie)
CSS - Podmenu - jak ustawić linki po lewej stronie - allexxiaa - 28-03-2011
Kod html
Kod:
<div id="nav">
<ul>
<li><a href="#" class="dol">Strona główna</a></li>
<li><a href="#" class="dol">O sobie</a></li>
<li><a href="#" class="dol">Linki</a></li>
<li><a href="#" class="dol">Koty</a></li>
<li class="active"><a href="#">Psy</a>
<ul class="top">
<li><a href="#">Doberman</a></li>
<li><a href="#">Collie</a></li>
<li><a href="#">Husky</a></li>
<li><a href="#">Spaniel</a></li>
<li><a href="#">Bokser</a></li>
</ul>
</li>
</ul>
</div>css:
Kod:
#nav ul li {
float: left;
list-style-type: none;
}
#nav ul a.dol{
width: 107px;
display: block;
text-decoration: none;
text-align: center;
background: yellow;
margin-right: 5px;
}
#nav ul li.active a {
width: 80px;
display: block;
text-decoration: none;
text-align: center;
background: blue;
color: black;
}
#nav ul ul.top li a {
width: 90px;
}Ten kod wygląda: http://img339.imageshack.us/i/menumq.jpg/
Jak ustawić, żeby linki "Doberman", "Collie" i itd były po lewej stronie?
RE: CSS - Podmenu - jak ustawić linki po lewej stronie - Filuper112 - 28-03-2011
Ale jak po lewej stronie? Calkowicie pod spodem "strona glowna" itd?
RE: CSS - Podmenu - jak ustawić linki po lewej stronie - allexxiaa - 28-03-2011
Tak...
RE: CSS - Podmenu - jak ustawić linki po lewej stronie - Filuper112 - 28-03-2011
sprobuj nadac dla .top{ float:left } Ale nie jestem pewien
RE: CSS - Podmenu - jak ustawić linki po lewej stronie - allexxiaa - 28-03-2011
Nie udało się ustawić na lewą stronę za pomocą .top{float:left;}
RE: CSS - Podmenu - jak ustawić linki po lewej stronie - Kartofelek - 28-03-2011
#nav {position:relative; ...+ reszta dla #nav}
#nav ul li ul {display:none; }
#nav ul li:hover ul {display:block; position:absolute; top:.........tutaj wysosc menu.........px; left:0; width:100%;}
+ cała reszta
top = wysokość menu
#nav ul li - to nie może mieć position:relative; więc sprawdź czy nie ma