Submenu con CSS

[juanmanuelk]

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:

li:hover ul {
   display: block;
}
 

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

[pzin]

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.

[eduardobrutaldeath]

Iniciado por juanmanuelk

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:

li:hover ul {
   display: block;
}
 

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...