Ver Mensaje Individual
  #7 (permalink)  
Antiguo 13/06/2013, 03:09
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Duda sobre etiqueta display en lista no ordenada

¿Cómo aconsejáis poner selectores de ese modo? Si se quiere estilizar un menú y no todos los elementos LI, no lo veo lógico. Tampoco veo lógico recomendar inline-block si se está preguntar por poner los elementos en línea. Y ya para rematar flotar elementos y ponerles un inline-block carece de sentido alguno.

alvaaz échale un ojo a selectores de CSS. Esto es lo primero.

Como seguramente vayas a tener más listas en tu web, lo más lógico es construir tu selector de esta forma:

Código HTML:
Ver original
  1. <ul id="menu">

Código CSS:
Ver original
  1. ul#menu li {
  2.   display: inline;
  3. }

Si necesitas por lo que sea usar inline-block, seguramente puedes usar antes la opción de mostrar los enlaces como elementos de bloque, que a mi parece más limpio y útil.

Código CSS:
Ver original
  1. ul#menu a {
  2.   display: block;
  3. }

Cita:
Iniciado por alvaaz Ver Mensaje
y me funcionó dejando la lista no ordenada de la forma deseada es decir sólo en una línea, no entiendo porque ponerle "ul" ¿cual es la diferencia?
Para volver tu selector más específico. En el caso de usar "ul li", es una idiotez, porque li siempre va a ser hijo de ul. No tiene mucho sentido. Si usas "ul li" o simplemente "li" se verán afectados todos los "li" de la página. Si usas "ul#menu li" sólo afectará a los li contenidos dentro de un elemento ul con el id "menu".

Última edición por pzin; 13/06/2013 a las 03:15