Re: [Ovillo] Algunas dudas sobre el uso de :content y :before
Reynier Perez Mira escribió: > 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? > > En CSS3 existe una pseudo-clase llamada :last-child que vale para eso, por ahora creo solo lo soportan los Mozillas (Firefox, SeaMonkey, Camino...) así que si es importante que también lo vea gente con navegadores sin soporte de esto, como dice Verónica añadele un class :-( > 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? > > Que va, y el flamante IExplorer7 tampoco lo va a soportar (ojalá termine donde termino Netscape, jejeje) Tendrás que usar el parche de Dean Edwards IE7 (que va a tener que cambiarle el nombre por lo menos a IE70) http://dean.edwards.name/IE7/ -- Saludos -=stripTM=- ___ 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
Re: [Ovillo] Algunas dudas sobre el uso de :content y :before
Creo que para que aparezca en IE:
Hacés una imagen en gif de ">>" o "»", lo ubicás como el fondo de cada li y
lo alineas vertical y horizontalmente:
ul.navegación li {
background: url('carpetadeimagenes/elgif.gif') right center no-repeat;
}
y para el último item de la lista podrías darle otra clase y no le aplicás
la propiedad del fondo.
Saludos :)
El día 14/07/06, Reynier Perez Mira <[EMAIL PROTECTED]> escribió:
>
> 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:
>
>
> Noticias
> Categorías de Noticias
> Categoría actual
> Noticia actual
>
>
> 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 Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
___
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
[Ovillo] Algunas dudas sobre el uso de :content y :before
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:
Noticias
Categorías de Noticias
Categoría actual
Noticia actual
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
