Forum PHP.pl > [CSS] Wypunktowanie listy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Darv

1.04.2012, 19:36:54

Problem jest taki, że lista #menu2 pozostaje niewypunktowana, pomimo że przypisałem tam list-style-type: square;. Dziwne, bo kod działa "na czysto" i rozkłada się akurat w pliku z drugim (poziomym) menu. Jest jakaś rada, żeby te kwadraciki były widoczne? Z góry dzięki.

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
<head>
<style type="text/css">
/* <![CDATA[ */
#top_menu ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
#top_menu ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border: 1px solid #000;
}
 
#top_menu ul li {
	float: left;
}
 
#top_menu ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("tlo.gif") repeat-x center;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}
 
#top_menu ul a:hover {
	background-color: #800;
	background-image: url("tlo2.gif");
}
 
#menu2 ul {
	list-style-type: square;
}
 
/* ]]> */
</style>
</head>
<body>
<div id="menu2">
<ul> 
<li>TEST1</li>
<li>TEST2</li>
<li>TEST3</li>
<li>TEST4</li>
</ul>
</div>
<div id="top_menu">
<ul>
<li><a href="/glowna/"><span>TEST</span></a></li>
<li><a href="/artykuy/"><span>TEST</span></a></li>
<li><a href="/kontakt/"><span>TEST</span></a></li>
<li><a href="/linki/"><span>TEST</span></a></li>
<li><a href="/linki/"><span>TEST</span></a></li>
</ul>
</div>
</body>
</html>
[HTML] pobierz, plaintext

luck

1.04.2012, 20:22:03

Linię nr 6 zmień na

Kod

#top_menu ul, #top_menu ul li {

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.