Foros del Web » Creando para Internet » CSS »

Problemas con menu horizontal y vertical en Firefox.

Estas en el tema de Problemas con menu horizontal y vertical en Firefox. en el foro de CSS en Foros del Web. Hola a todos. Les agradeceria una ayudita con este tema, tengo dos menú en la pagina uno horizontal que es el #navCircle y otro vertical ...
  #1 (permalink)  
Antiguo 23/04/2007, 18:17
 
Fecha de Ingreso: junio-2002
Mensajes: 30
Antigüedad: 21 años, 10 meses
Puntos: 0
Problemas con menu horizontal y vertical en Firefox.

Hola a todos.

Les agradeceria una ayudita con este tema, tengo dos menú en la pagina uno horizontal que es el #navCircle y otro vertical y que esta a la izquierda de la pagina que es #menu-vertical, como verán en el código uno es copia del otro solo cambian los nombres y la única diferencia que tienen es que el que se ve horizontal tiene puesto display: inline; y el vertical no, en IE se ven bien los dos pero en Firefox el vertical también se ve horizontal o sea que tengo dos hermosos menú horizontales y no se que es lo que esta faltando para que el vertical se vea vertical también en Firefox, miro y miro pero no me doy cuenta

Gracias por su tiempo.

Código:
/* menu horizontal */

#navCircle {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}
#navCircle a:link, #navCircle a:visited {
	float: left;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(circle.gif) no-repeat bottom center;
}

-----------------------------------------------------

/* Menu Vertcal */


#menu-vertical {
        margin: 0;
        padding: 0 0 20px 10px;
        
}

#menu-vertical li {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#menu-vertical a:link, #menu-vertical a:visited {
	float: left;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu-vertical a:link.active, #menu-vertical a:visited.active, #menu-vertical a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(circle.gif) no-repeat bottom center;
}
__________________
Pepelapeste
  #2 (permalink)  
Antiguo 23/04/2007, 19:41
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 18 años, 6 meses
Puntos: 4
Re: Problemas con menu horizontal y vertical en Firefox.

puedes poner el html ? o la direcion de la pagina para que sea mas facil ayudarte
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 24/04/2007, 09:25
 
Fecha de Ingreso: junio-2002
Mensajes: 30
Antigüedad: 21 años, 10 meses
Puntos: 0
Re: Problemas con menu horizontal y vertical en Firefox.

Si fer10, no me di cuenta , las paginas estan abajo en mi firma, en la primera en Firefox por ejemplo se ve la linea gris de abajo del menu horizontal superpuesta sobre el menu, y en la segunda que son las internas se ve mal la misma linea y se ve horizontal el menu vertical.

Muchas Gracias.
__________________
Pepelapeste
  #4 (permalink)  
Antiguo 25/04/2007, 19:27
 
Fecha de Ingreso: junio-2002
Mensajes: 30
Antigüedad: 21 años, 10 meses
Puntos: 0
Re: Problemas con menu horizontal y vertical en Firefox.

Listo ya lo descubrí, el problema era el float: left; del menú vertical lo saque y listo, fui comentando las líneas que me parecía que tenían algo que ver y al llegar a esta vi que sacándola se soluciona el problema así que ya esta arreglado.

Gracias a todos.
__________________
Pepelapeste
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 21:19.