+- 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: lista "ucieka" z diva. (/thread-lista-ucieka-z-diva)
lista "ucieka" z diva. - dahel - 26-11-2011
Kod:
<!doctype html>
<html>
<style type="text/css">
div#container{
margin-left: 0px;
margin-right: 0px;
text-align: center;
border: solid 1px red;
}
ul#lista li{
float: left;
list-style-type: none;
width: 250px;
text-align: center;
}
ul#lista li a{
display: block;
background: pink;
}
ul#lista li ul.pod li{
clear:both;
background: grey;
list-style-type: none;
}
ul#lista li ul.pod li a{
display: block;
background: grey;
}
</style>
</head>
<body>
<div id= "container">
<ul id="lista">
<li><a href="#">Pozycja</a></li>
<li><a href="#">Produkt</a>
<ul class="pod">
<li><a href="#">podprodukt</a></li>
<li><a href="#">podprodukt</a></li>
<li><a href="#">podprodukt</a></li>
</ul>
</li>
<li><a href="#">Usługa</li>
</ul>
</div>
</body>
</html>RE: lista "ucieka" z diva. - Kartofelek - 26-11-2011
z jakiego kursu się uczyłeś bo to kolejny przypadek gdzie
Kod:
list-style-type: none;Może kombinowałeś, ale w powyższym kodzie nie ma ani kawałka stylu dla listy UL.