Foros del Web » Creando para Internet » CSS »

Submenu con CSS

Estas en el tema de Submenu con CSS en el foro de CSS en Foros del Web. Hola , estoy haciendo un menu , con submenu en css pero necesito que el submenu este algo separado del menu horizontal principal. el problema ...
  #1 (permalink)  
Antiguo 18/08/2013, 09:58
 
Fecha de Ingreso: julio-2011
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 1
Pregunta Submenu con CSS

Hola , estoy haciendo un menu , con submenu en css pero necesito que el submenu este algo separado del menu horizontal principal.

el problema que tengo es que al darle una separación , cuando bajo para ir a l subsumen desaparece.

la causa calculo que es por estar separado se des habilita el

Código CSS:
Ver original
  1. li:hover ul {
  2.    display: block;
  3. }

como puedo hacer para que siga activo por mas que tengo un espacio en blanco??

Última edición por pzin; 18/08/2013 a las 10:40 Razón: highlight
  #2 (permalink)  
Antiguo 18/08/2013, 10:41
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 4 meses
Puntos: 2113
Respuesta: submenu con css

Pues ul tendrá que tener un fondo transparente, y le especificas un padding, así seguirá pegado al resto, pero no visualmente.

Usa highlight para cuando publiques código.
  #3 (permalink)  
Antiguo 18/08/2013, 11:06
Avatar de eduardobrutaldeath  
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 8 años, 3 meses
Puntos: 3
Respuesta: Submenu con CSS

Cita:
Iniciado por juanmanuelk Ver Mensaje
Hola , estoy haciendo un menu , con submenu en css pero necesito que el submenu este algo separado del menu horizontal principal.

el problema que tengo es que al darle una separación , cuando bajo para ir a l subsumen desaparece.

la causa calculo que es por estar separado se des habilita el

Código CSS:
Ver original
  1. li:hover ul {
  2.    display: block;
  3. }

como puedo hacer para que siga activo por mas que tengo un espacio en blanco??


mmm... No tienes que darle separación, lo que yo haría sería esto:

1. Ubicaría la lista (LI) del sub menú donde quisiera hubiera un espacio invisible.
2. Una vez ubicada le pondría la siguiente propiedad VISIBILITY: HIDDEN;
3. El problema estaría solucionado...


No sé si te he entendido bien pero, lo que haría VISIBILITY: HIDDEN sería desaparecer la lista, por ejemplo la primera, pero esta seguiría ocupando su espacio correspondiente, el cual estaría invisible, por lo que al pasar el cursor encima no habría fallas con el HOVER, y tendrías tu espacio entre listas. Es algo parecido a lo que hace DISPLAY: NONE, solo que ese desaparece el elemento y también su espacio y no lograrías el resultado que quieres...

Etiquetas: block, separacion, submenu
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 18:11.