[SOLUCIONADO] Como quitar los <li> en menú desplegable

[nau89]

Buenos dias,

Tengo un problema que hace dias que no me deja dormir. En esta web http://femuvic.cat cuando te desplazas por el menú superior y se te abre el desplegable no encuentro la manera de que se me visualitze sin el "puntito". Ya que si pruebo con

Código:

list-style-type:none;

me desaparece el desplegable.

Pruebo poniendo lo siguiente en el CSS:

list-style-type:none; en el li, ul y no hay manera >.<'

Alguien sabe que hago mal o donde deberia ponerlo para que se visualitze bien ?

Muchas gracias,
Nau

[Nekko]

Me parece que al elemento ul.sub-menu tenés que aplicarle ese estilo.

[nau89]

ya lo he probado pero cuando lo pongo directamente me aparecen todas las opciones amontonadas una encima de la otra y completamente desordenado y sin un fondo que lo cubra todo =S

[Nekko]

Te muevo el mensaje a CSS en donde van a explicarte mejor el asunto.

[pzin]

El problema real no tiene que ver con list-style, la cosa anda en style.css en la línea #395:

Código CSS:

#menu ul a{ 
  position: absolute;
}
 

Esa posición absoluta es tu problema, si la quitas deberías de poder verlo bien.

Al usar list-style el problema seguía ahí, aunque un poco menos obvio porque hace que cada elemento de la lista tenga una altura. Al quitarlo, entonces las listas no tienen altura, porque los enlaces están posicionados de forma absoluta y no están en el flujo natural del HTML.

[nau89]

Impresionante ! Muchas gracias, ya esta solucionado ! :D