Foros del Web » Creando para Internet » CSS »

Problemas display Block en Mozilla I Barra navegación roll over

Estas en el tema de Problemas display Block en Mozilla I Barra navegación roll over en el foro de CSS en Foros del Web. Hola :)! Antes que nada agradecerles por cualquier tipo de ayuda y el tiempo que puedan dedicar a contestar esta duda ! El problema es ...
  #1 (permalink)  
Antiguo 04/03/2008, 15:22
 
Fecha de Ingreso: abril-2003
Mensajes: 74
Antigüedad: 14 años, 8 meses
Puntos: 0
Problemas display Block en Mozilla I Barra navegación roll over

Hola :)!

Antes que nada agradecerles por cualquier tipo de ayuda y el tiempo que puedan dedicar a contestar esta duda !

El problema es la siguiente:

Este sitio: http://cablemodem.fibertel.com.ar/pa...nes_somos.html

está diseñado con CSS y validado tanto el CSS como el XHTML 1.0 Transitional, ambos están correctos.

El problemas es que la barra de navegación (los cuadrados) se ve bien en IE7 y mal en Mozilla. La barra está arnada con un div para cada opción y un link en su interior que esta forzado con display:block; para que cuando pase el ratón por encima del mismo el div contenedor tome el color en su totalidad:

A.nav, A.nav:VISITED, A.nav:ACTIVE, A.nav:LINK{
color:#374e7a;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;
display:block;
Width:100%;
}

A.nav:HOVER{
text-decoration: none;
color:#FFFFFF;
background:#9cabd2;
}


El tema es que en Mozilla, la región del link no aparece desde el comienzo del div sino que queda un margen en la parte superior, haciendo que al pasar sobre él el ratón el color no llena completo la barra. Lo que veso es que la región sensible del link está como corrida hacia abajo.

¿Alguien tiene alguna idea de como arreglar esto para que funcione en Mozilla? ¿Porqué aparece este margen?

Mil gracias por su tiempo!
  #2 (permalink)  
Antiguo 04/03/2008, 16:10
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Problemas display Block en Mozilla I Barra navegación roll over

intenta usar más la semantica...un menu es una lista de enlaces, así que la podrías hacer con
Código HTML:
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Quienes somos</a></li>
<li><a href="#">Productos</a></li>
<li><a href="#">Servicios</a></li>
</ul> 
despues flotas los li y le das display:block a los li a


de todas formas, tu problema actual es que FireFox te esta aplicando un margin por defecto al P que tenes dentro de esos divs. Cuando inicias un archivo CSS conviene prefijar a 0 los valores de márgenes y paddings que vienen por defecto. Para eso puedes usar el selector universal así (va al inicio de tu archivo CSS):
Código:
*{margin:0;padding:0}
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 05/03/2008, 02:13
 
Fecha de Ingreso: abril-2003
Mensajes: 74
Antigüedad: 14 años, 8 meses
Puntos: 0
Re: Problemas display Block en Mozilla I Barra navegación roll over

Mil gracias por contestar mi pregunta ! Voy a intentar por ese lado a ver que pasa !
  #4 (permalink)  
Antiguo 05/03/2008, 02:22
 
Fecha de Ingreso: abril-2003
Mensajes: 74
Antigüedad: 14 años, 8 meses
Puntos: 0
Re: Problemas display Block en Mozilla I Barra navegación roll over

Lo probé y funcionó a la perfección, te agradezco mucho... !!! Hacía un día que no podía sacarlo y no le encontraba la vuelta. Es mi primera web hecha con CSS y me falta aprender mucho más!

Patri
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 22:42.