On 6/13/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> Ahora les pongo las dudas que tengo:
> 1) Si quiero mostrar todos los elementos de la lista de forma horizontal
> en una sola linea la propiedad correcta creo que es "display:inline" ahora
> se la debo aplicar tanto al elemento UL como a los LI contenidos de ese UL?
puedes utilizar también 'float: left;' en los LI, que además te solucionarán
el problema de la imagen.
2) Quiero mostrar un ITEM personalizado (imagen) al lado de cada elemento de
> la lista. Para ello he acudido a la propiedad "list-style-image" de los
> elementos LI y he puesto lo siguiente: list-style-image:
> url(../images/mainlevel_li_item.png) pues bien no me sale nada al lado de
> los elementos de la lista.
el list-style-image solo se aplica para display: list-item (o algo similar,
no tengo la chuleta a mano), y habiéndole dado valor 'display:inline', haces
que no se aplique el list-style-image. Otra opción que tienes es aplicar un
background-image (con no-repeat) y utilizar el padding-left : )
3) Quiero que la lista sea mostrada de esta forma: <img> Inicio | <img>
> Noticias | <img> Contactar | <img> Enlaces. Como ven uso el tag <img> que
> supuestamente debería ser la imagen personalizada especificada con la
> propiedad list-style-image. Ahora lo que no se como poner aqui es el
> separador creo que tiene que ver algo con after y before pero no estoy
> seguro de si esta correcto y de si es válido para todos los navegadores.
debes poner el separador mediante content, en los pseudoselectores :after
y/o :before. No funciona en Internet Explorer (y en el 7 tampoco
funcionará).
Ejemplo:
li:before {
content: "| \0020"; /* \0020 es un espacio */
}
li:first-child:before { /* para que el primer LI no tenga nada delante */
content: "";
}
Saludos
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
