11/12/2012, 10:13
|
| | Fecha de Ingreso: noviembre-2012 Ubicación: Caracas - Venezuela
Mensajes: 116
Antigüedad: 12 años Puntos: 1 | |
alinear capas con css buenas gente, instalé un menu vertical con css3 lo tomé de una página llamada cssmenumaker, el problema que me da es que cuando monto el menú vertical no me deja poner una capa a la derecha de este menú, sino que la desplaza hacia abajo y necesito que esa capa no sea desplazada sino que se quede a la derecha del menú. Soy novato con css he tratado durante bastante rato de acomodarlo pero no he podido, espero puedan ayudarme
Código:
#cssmenu > ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}
/* The container */
#cssmenu > ul{
position:relative;
width: 150px;
}
/* The list elements which contain the links */
#cssmenu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 150px;
}
/* General link styling */
#cssmenu > ul li a {
/* Layout */
display: block;
position: relative;
margin: 0;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #d9d9d9;
padding: 11px 20px;
width: 110px;
/* Typography */
font-family: Helvetica, Arial, sans-serif;
color: #e4433c;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
font-weight: 300;
/* Background & effects */
background: #eaeaea;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child>a {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child>a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li a:hover, #cssmenu > ul li:hover>a {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
background: #f23f37;
background: -webkit-linear-gradient(bottom, #f23f37, #f45d57);
background: -ms-linear-gradient(bottom, #f23f37, #f45d57);
background: -moz-linear-gradient(bottom, #f23f37, #f45d57);
background: -o-linear-gradient(bottom, #f23f37, #f45d57);
border-color: transparent;
}
|