Foros del Web » Creando para Internet » CSS »

Problema con un menú

Estas en el tema de Problema con un menú en el foro de CSS en Foros del Web. Saludos, Estoy iniciándome con CSS así que no me regañéis si la solución es muy obvia. He diseñado esta primera web en la que he ...
  #1 (permalink)  
Antiguo 09/11/2009, 14:07
 
Fecha de Ingreso: febrero-2005
Mensajes: 198
Antigüedad: 12 años, 10 meses
Puntos: 5
Problema con un menú

Saludos,

Estoy iniciándome con CSS así que no me regañéis si la solución es muy obvia. He diseñado esta primera web en la que he cogido un menú generado en una web para adaptarlo a mis necesidades. Quiero que se ilumine toda la parte del menú que pertenece a las etiquetas <li>, de hecho si ponéis el cursor encima de las letras se ilumina entero -funciona como toca-, pero en el momento que se posiciona el cursor en una zona del menú sin letras, solo se «ilumina» esa parte. Es más difícil de explicar que de entender si visualizáis la web, lo veréis claro.

En definitiva, lo que quiero conseguir es que, aunque el cursor esté en una parte del menú sin letras, este se ilumine entero especificando la opción que corresponda.

gracias por adelantado.

PD: Si visualizáis algo del código que no sea correcto, aunque no tenga nada que ver con el menú, no tengáis duda en exponerlo.
  #2 (permalink)  
Antiguo 09/11/2009, 14:20
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Problema con un menú

Yo creo que no me he enterado.. Tu lo que quieres que cuando se pulse en un "hueco" del menu, se ilumine todo el menu o no se ilumine nada?¿?¿? Mi no entender.
  #3 (permalink)  
Antiguo 09/11/2009, 14:22
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Problema con un menú

tienes varias opciones segun hice la depuracion. quitale el color de fondo de los enlaces, o quitale la propiedad float:left a los enlaces.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #4 (permalink)  
Antiguo 09/11/2009, 14:47
 
Fecha de Ingreso: febrero-2005
Mensajes: 198
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: Problema con un menú

Cita:
Iniciado por Impostor Ver Mensaje
Yo creo que no me he enterado.. Tu lo que quieres que cuando se pulse en un "hueco" del menu, se ilumine todo el menu o no se ilumine nada?¿?¿? Mi no entender.
A ver, pasa el cursor a lo largo del menú. Si el cursor está encima de texto funciona bien, pero en los espacios sin texto solo queda iluminado ese espacio. Creo que se ve en seguida.

Cita:
o quitale la propiedad float:left a los enlaces.
¡Efectivamente, quitándole el float:left funciona!, aunque no entiendo muy bien por qué, a ver si lo analizo con más detalle. Gracias.

Por cierto ¿depuraste con firebug?

Última edición por occiso; 09/11/2009 a las 14:55
  #5 (permalink)  
Antiguo 09/11/2009, 15:09
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Problema con un menú

si, con firebug. la razon que funciona sin float es porque float altera el modo de renderizacion. ahora mismo no recuerdo con exactitud como era la norma. creo que es cuando un elemento bloque no tiene dimensiones, float cambia el modo de renderizado como si fuera un inline en el sentido que las dimensiones se ajustan de acuerdo al contenido, a no ser que explicitamente se indique.

en tu caso, los enlaces no tienen dimensiones. quitandole float hace que display:block tome efecto y por ende se renderiza como una linea completa.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
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 14:37.