Hola tengo dos menús css uno horizontal y otro vertical que se cargan en la misma página a través de un include php cada uno, el menú horizontal pasa a ser vertical y compartiendo algunas propiedades del menú vertical
código des primer menú (horizontal):
Código:
<style type="text/css">
#menu { font-family:Calibri; height:34px; position:relative; background:#6679d2; -moz-border-radius:10px; -webkit-border-radius:10px; margin: 10px 0;}
#nav { margin:0px; padding:0px; position:absolute; display:block;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px; position:relative; padding:1px; width:40px;}
#nav > li:hover ul { display:block; }
#nav > li:hover { background-color:#3b4d83; -moz-border-radius:10px; -webkit-border-radius:10px; }
#nav li ul { margin:0px; padding:0px; display:none;}
#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
#nav li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none}
#nav li ul li:hover a { background-color:#606060; -moz-border-radius:10px; -webkit-border-radius:10px;}
#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold; }
a {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
color: #000000;
}
a:hover {
color: #000000;
}
</style>
código del segundo menú (vertical):
Código:
<style type="text/css">
ul {margin: 0; padding: 0; list-style: none; width: 211px;}
ul li { position: relative; }
li ul { position: absolute; left: 300px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: transparent; padding: 5px; border-bottom: 0; }
ul { margin: 0; padding: 0; list-style: none; width: 211px; }
ul li {position: relative;}
ul {margin: 0; padding: 0; list-style: none; width: 211px;}
ul li { position: relative; }
li ul { position: absolute; left: 300px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: transparent; padding: 5px; border-bottom: 0; }
ul { margin: 0; padding: 0; list-style: none; width: 211px; }
ul li {position: relative;}
li:hover ul { display:block; }
.style2 {
font-family: Tahoma;
font-size: small;
}
</style>
como hago para que que le menú horizontal nos e modifique por culpa de menú vertical.
PD: el que quiera la dirección web donde están los menús para ver mejor de lo que hablo que me lo diga y se la mando por PM.