Cita:
Iniciado por Ag666 para que se mantenga en una sola linea procura evitar darle un ancho fijo a la lista, de igual forma puedes aplicar un white-space:nowrap; para los li con lo que los forzaras a que no se produzcan saltos de linea
Código CSS:
Ver original#navigationmenu li{white-space:nowrap;}
compañero @angelfcm no puede estar usted mas equivocado el efecto hover no requiere que sea un enlace para funcionar lo único con lo que me lo puedo explicar es que usted esta creando sus sitios sin validar omitiendo el doctype por lo que los navegadores trabajan en modo quirks por lo que no interpretan adecuadamente el código.
Nota: si su comentario se refiere a que el menú no funcionara en IE6 debería empezar a olvidarse de el ya esta en el olvido, si pretende dar soporte a este navegador puede visitar este link con ejemplos de como hacerlo[URL="http://www.araudi.net/ejemplos/menus_desplegables_CSS.html"] -> clic aquí[/URL]
Nota2: compañeros por favor absténganse de pedir karma a cambio de su ayuda, si su respuesta es grata y/o de ayuda para los usuarios estos darán karma sin que sea solicitado.
Siempre que un usuario responde al tema usted recibe un mensaje en su correo electrónico así que no necesita el karma para darse cuenta.
He probado poniendo white-space:nowrap; pero el resultado es que todos los li aparecen en una linea y lo que yo busco es que cada li esté en una línea pero evitando que aquellos li que tienen muchos caracteres aparezcan presentados en dos lineas.
Al final lo solucioné con esto:
#navigationmenu li li{
white-space:nowrap;
}
ahora se presentan en una línea sin problema, pero el problema que tengo es que el fondo de los li de la segunda ul no adapta su anchura a la del texto del li como se puede ver en la imagen que adjunto