Miren el siguiente código CSS:
/*menu navegacion superior*/
ul#mainlevel {
display: inline;
}
ul#mainlevel li {
display: inline;
padding-right: 5px;
list-style-image: url(../images/mainlevel_li_item.png);
}
Cuyo HTML es el siguiente:
<div id="pathway">
<div class="moduletable">
<ul id="mainlevel">
<li><a href="http://simpro.uci.cu/"; class="mainlevel"
>Inicio</a></li>
<li><a href="http://simpro.uci.cu/content/section/1/2/";
class="mainlevel" >Noticias</a></li>
<li><a
href="http://simpro.uci.cu/component/option,com_contact/Itemid,3/";
class="mainlevel" >Contactar</a></li>
<li><a
href="http://simpro.uci.cu/component/option,com_weblinks/Itemid,22/";
class="mainlevel" >Enlaces</a></li>
</ul>
</div>
</div>
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?
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.
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.
Espero por su ayuda
--
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no
estoy seguro.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
