Foros del Web » Creando para Internet » CSS »

MI menu lateral no se mira con FF :/

Estas en el tema de MI menu lateral no se mira con FF :/ en el foro de CSS en Foros del Web. hola una vez mas ando por aqui en busca de un poco de ayuda. en esta ocacion mi problema es que el menu lateral que ...
  #1 (permalink)  
Antiguo 24/12/2009, 17:03
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 14 años, 11 meses
Puntos: 0
MI menu lateral no se mira con FF :/

hola una vez mas ando por aqui en busca de un poco de ayuda. en esta ocacion mi problema es que el menu lateral que ehh creado no se mira con FF. aqui abajo dejo unas captursa con distintos navegadores. ayuda por favor!!


ASI SE MIRA CON INTERNET EXPLORER



ASI SE MIRA CON FIREFOX




AQUI DEJO LA DIRECCION DE LA WEB. : http://webones-life.mypressonline.com/
  #2 (permalink)  
Antiguo 25/12/2009, 09:29
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Respuesta: MI menu lateral no se mira con FF :/

Si a la clase menu le quitas el background: #fff; o sea le dejas sin color de fondo se ve bien.

Además te aconsejo que mires este link

http://www.cristalab.com/tutoriales/...-listas-c130l/
__________________
No diseñes usando tablas.

Última edición por hades87; 25/12/2009 a las 09:30 Razón: añadido un link
  #3 (permalink)  
Antiguo 25/12/2009, 10:17
ginnomillan
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: MI menu lateral no se mira con FF :/

Hola, prueba con este código para ser más concreto:

.menu{
margin:0px;
padding:0px;
width:215px;}

.menu li{
padding:0px;
margin:0px 0px 0px 0px;
height:40px;
background-image:url(objetos/verMenuImages.png);
background-repeat:no-repeat;
display: block}

.menu li a{
text-align:left;
height:40px;
padding:0px 5px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
display:block}

.menu li a:hover{
background-image:url(objetos/verMenuImages.png);
background-position: 0px -10px;
background-repeat:no-repeat;
color: #ffffff;
text-decoration: underline}

.menu li a.active, .menu li a.active:hover{
background-image:url(objetos/verMenuImages.png);
background-position: 0px -10px;
background-repeat:no-repeat;
color: #ffffff;}

.menu li a span{line-height:40px;}

Cuántanos como te va

Saludos

Ginno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:30.