Menu Opcje

[Kamil9132]

Witam
Mam 2 menu na stronie i jeden przyjmuje kolor drugiego.
Jak miałem 1 menu to wszystko działało.
Dlaczego dwa mena wyglądają tak samo ?
Kod wygląda tak:

[CSS] pobierz, plaintext 
<style type="text/css" id="MENUS">
 
 
 
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border: 1px solid #000;
}
 
ul li {
	float: left;
}
 
ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("bla.gif") repeat-x center;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}
 
ul a:hover {
	background-color: #800;
	background-image: url("cze.gif");
}
 
</style>
<div style="text-align:left; margin-left:25px;" id="MENUS">
 <ul>  
<li> <a  href="07-GHOST.php"> 07-GHOST</a></li> 
<li> <a  href="2.php">100 procent Perfect Girl </a> </li>
<li> <a  href="3.php">11eyes </a> </li> </ul> </div>
[CSS] pobierz, plaintext 

[CSS] pobierz, plaintext 
<style  type="text/css" id="MENUA">
 
 
 
 
 
 
 
#MENUA  {width: 200px;
	float: left;
	position: relative;}	
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul li {
	width: 190px;
	padding-left: 10px;
	background: #797 url("punkt.gif") no-repeat left top;
	border-width: 1px;
	border-style: solid;
	border-color: #dfe #365 #365 #dfe;
}
 
ul a:link, ul a:visited {
	display: block;
	width: 169px;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	background: #bfb url("tlo.gif") repeat-x top;
	color: #365;
	border-left: 1px solid #797;
}
 
ul a:hover {
	background-color: #1e783c;
	background-image: url("tlo2.gif");
	color: #eff;
}
 
 
 
ul a:hover {
	background-color: #1e783c;
	background-image: url("tlo2.gif");
}
 
 
</style>
 
 
 
<div style="text-align:left; margin-left:25px;" id="MENUA">
 <ul>  
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
 
 
 
 
 
 
 
 
 
<li> <a  href="07-GHOST.php"> 07-GHOST</a></li> 
<li> <a  href="2.php">100 procent Perfect Girl </a> </li>
<li> <a  href="3.php">11eyes </a> </li> 
<li> <a  href="4.php">3x3 Eyes </a> </li> </ul> </div>
[CSS] pobierz, plaintext 

[gigzorr]

bo jak maja sie roznic jak nigdzie id nie dopisales , dopisz do jednego id jakie masz czyli #menus przed li czy tam ul wszedzie a w drugim #menu czy jakie to ma id i bedzie dzialac.
czyli:

[HTML] pobierz, plaintext 
#menus ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;background: #000 url("bla.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
 
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#menua ul a:link, ul a:visited {
	display: block;
	width: 169px;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	background: #bfb url("tlo.gif") repeat-x top;
	color: #365;
	border-left: 1px solid #797;
}
[HTML] pobierz, plaintext 

Ten post edytował gigzorr 7.01.2011, 19:43:11

[Kamil9132]

Wielkie dzięki (IMG:style_emoticons/default/smile.gif)

Tylko teraz 3 pierwsze pozycje 1 menu są czarne tak jak 3 pozycje 2 menu ale to w miarę dobrze wygląda więc jest ok (IMG:style_emoticons/default/smile.gif)