Estoy creando un menu de navegación por ejemplo algo como esto:
Noticias >> Categorías de Noticias >> Categoría actual >> Noticia actual
Para ello he usado una lista, creo que es la mejor opción. Miren el código HTML:
<ul class="navegacion">
<li>Noticias</li>
<li>Categorías de Noticias</li>
<li>Categoría actual</li>
<li>Noticia actual</li>
</ul>
Este es el CSS:
ul.navegacion {
list-style-type: none;
margin: 0 5px 0 0;
}
ul.navegacion li {
float: left;
line-height: 20px;
display: block;
width: auto;
}
ul.navegacion li:after {
content: " >>";
}
Ahora las preguntas:
1) Si pongo el CSS como lo tengo entonces me sale así:
Noticias >>Categorías de Noticias >>Categoría actual >>Noticia actual >>
Lógicamente porque puse el content after de esa forma, ahora ¿como puedo evitar
que me salga el ">>" al final del último elemento?
2) He visto mensajes por aquí mismo si mi memoria no me falla donde se dice que
IE no soporta las pseudo clases :after y :before. ¿Existe algún hack que me
posibilite evitar errores en IE? ¿Qué solución ustedes le darían a esto?
Salu2 y como siempre esperando por sus respuestas
--
ReynierPM | 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
