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