Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/05/2010, 09:19
Avatar de Masticore
Masticore
 
Fecha de Ingreso: agosto-2008
Mensajes: 52
Antigüedad: 15 años, 7 meses
Puntos: 0
ayuda con el fondo del boton de mi menu

Hola a todos.. necesito ayuda por fa
les explico..
tengo el siguiente menu - este se despliega para abajo.. y al elegir un item queda con una boton amarillo
este es el codigo q ocupa
Cita:
#horiz-menu li.active,
#horiz-menu li.level1:hover#current {
background: transparent url('../images/style1/menu_h_l.png') no-repeat 0 50%!important;
}
#horiz-menu li.active a,
#horiz-menu li#current.level1:hover a {
background: transparent url('../images/style1/menu_h_r.png') no-repeat 100% 50%;
}
#horiz-menu li.level1:hover {
background: url('../images/style1/menu_l.png') no-repeat 0 50%!important;
}
#horiz-menu li.level1:hover a.level1 {
background: url('../images/style1/menu_r.png') no-repeat 100% 50%;
color: #ffcc33;
}
#horiz-menu li li a:hover,
#horiz-menu li li.sfhover a:hover {
color: #ffcc33!important;
asi es..

y yo quiero colocar este menu. q es en forma horizontal los submenus pero no he podido agregarle el fondo del boton aqui les dejo la foto



este es el codigo Q ESTADO MODIFICANDO.. ya le deje el color y al pasar encima queda amariilo pero no logro dejar elboton detras..
Cita:

div.menuContainer
{
background-color: #ffffff;
padding: 0px;
margin: 0px;
border-top: 1px solid #272727;
border-bottom: 1px solid #272727;
border-right: 1px solid #272727;
opacity: 0;
filter: alpha(opacity = 0);
}

div.horizontalMenuContainer, div.verticalMenuContainer, div.sub-horizontalMenuContainer, div.sub-verticalMenuContainer, div.sub-singleMenuContainer
{
background-color: #272727;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity = 0);
z-index: 100;
}

ul.horizontalMenuContainer, ul.verticalMenuContainer, ul.singleMenuContainer
{
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
}

ul.horizontalMenuContainer
{
border-left: 1px solid #272727;
border-bottom: 1px solid #272727;
border-top: 1px solid #272727;
border-right: 1px solid #272727;
}

ul.verticalMenuContainer
{
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-bottom: 1px solid #272727;
}

ul.singleMenuContainer
{
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-top: 1px solid #272727;
border-bottom: 1px solid #272727;
float: left;
}

ul.singleMenuContainer ul.singleMenuContainer
{
border: 0px;
}

#menuContainer li.horizontalMenuItem
{

float: left;
display: inline;
}

#menuContainer li.verticalMenuItem
{
float: none;
display: block;
clear: both;
}

#menuContainer li.singleMenuItem
{
font-weight: bold;
display: inline;
float: left;
}

#menuContainer li.singleMenuItem li.singleMenuItem
{
font-weight: normal;
display: block;
clear: both;
}

a.horizontalMenuItemText, a.verticalMenuItemText, a.singleMenuItemText
{
/* We need the background color here for IE7. If not, the links do not fill horizontally and MouseOver fires */
background-color: #272727;
margin: 0px;
padding: 5px;
text-decoration: none;
color: #FFCB41;
display: block;
}

a.horizontalMenuItemText
{
border-right: 1px solid #272727;
border-left: 1px solid #272727;
}

a.verticalMenuItemText
{
border-bottom: 1px solid #272727;
border-top: 1px solid #272727;
}

a.singleMenuItemText
{
}

ojala me puedan ayudar y decirme q me falta

gracias