Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/07/2009, 14:19
taoshi
 
Fecha de Ingreso: julio-2009
Mensajes: 117
Antigüedad: 9 años, 5 meses
Puntos: 0
Como poner dos menús css en una misma hoja??

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.