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:
<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>
<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>