Hola, foreros soy nuevo por aqui, y veo que hay muchas personas que conocen css mas que yo quizas alguien pueda ayudarme con esto.
Verán en una la página en construcción la cual apenas es una plantilla para lo que será la página real, tengo el menú desplegable de la izquierda el cual hasta ahora logre que funcionara bien en los diferentes navegadores pero ahora me veo con una duda, es posible que los submenus sean mas angostos de altura y darles un poco de transparencia para evitar que se encimen tanto una imagen que tengo al lado??
dejaria el enlace a la pag pero como soy nuevo no me dejan añadir links jejej
dejo el codigo del css:
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Verdana;
float:left;
width: 191px; /* Main Menu Item widths */
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 17px;
}
.color1{
background:#ABD712;
}
.color2{
background:#D90057;
}
.color3{
background:#FF4500;
}
.color4{
background:#FFC900;
}
.color5{
background:#5CC0B9;
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
color:black;
background-image: url(../img/right.gif) no-repeat 94% 50%;
font-size: 12px;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(../img/right.gif) no-repeat 94% 50%;
}
en la parte en negritas ya intente poner "heigth: algo" pero no hace ninguna diferencia, y ni hablar de como hacerlo semitransparente
la mayoria de las paginas que he hecho son en flash por lo que no habia tenido este problema
Saludos!!
sia alguien tiene alguna idea, lo agradecere enormemente
Ya he checado los ejemplos que DragonX le ha dado a JAKEN en un post previo.