Encontre otra manera si queres. Pero igual en IE en los enlaces que quedan
en más de 1 linea se rompe.
a[rel=external]:after {content:url(ext.gif); margin:-3px 0 0 5px;
background:#FFF;}
/*- Para IE -*/
*+ html a[rel=external] {padding-right:10px; background:url(ext.gif)
no-repeat 100% 100%;}
:]
2008/8/5 David Lombardia - DeltaIdeas <[EMAIL PROTECTED]>
> Seguiré investigando, pero de momento los usuarios de IE se van a
> quedar sin ver el iconito puesto que entiendo que la interpretación
> correcta es la de Firefox (que alguien me corrija si me equivoco).
>
> Gracias!
>
> David
>
> El 05/08/2008, a las 17:16, Ignacio Ricci escribió:
>
> > Con display:inline-block; ie lo muestra pero queda en el ancho total
> > del A.
> > Mmm habrá que seguir pensando :D
> >
> > 2008/8/5 David Lombardia - DeltaIdeas <[EMAIL PROTECTED]>
> >
> >> De todas formas, esto solo serviría para cuando el enlace tenga tres
> >> líneas y hay enlaces de una, dos, tres y cuatro líneas.
> >>
> >> El 05/08/2008, a las 16:47, Ignacio Ricci escribió:
> >>
> >>> No desaparece. Ya lo testee :/
> >>>
> >>> 2008/8/5 David Lombardia - DeltaIdeas <[EMAIL PROTECTED]>
> >>>
> >>>> El tema es que si pongo el fondo posicionado abajo, en IE
> >>>> misteriosamente desaparece.
> >>>>
> >>>> El 05/08/2008, a las 16:32, Ignacio Ricci escribió:
> >>>>
> >>>>> Posicionandolo asi:
> >>>>>
> >>>>> background: url(...) bottom right;
> >>>>>
> >>>>> 2008/8/5 Ignacio Ricci <[EMAIL PROTECTED]>
> >>>>>
> >>>>>> Estoy de acuerdo con victoria.
> >>>>>> Mi "hack" sería que tu imagen tenga 6 px de fondo blanco que le
> >>>>>> sobre por
> >>>>>> debajo, para darle "un padding". Esto permitirá que quede
> >>>>>> centrado.
> >>>>>> Obviamente al escalar el texto no va a quedar tan bien, pero
> >>>>>> sería
> >>>>>> una
> >>>>>> opción.
> >>>>>>
> >>>>>> 2008/8/5 Victoria Gracia <[EMAIL PROTECTED]>
> >>>>>>
> >>>>>> David, parece un problema derivado de la diferencia de
> >>>>>> interpretación de
> >>>>>>> las cajas para IE y FF.
> >>>>>>>
> >>>>>>> Si lo miras con detenimiento, IE no hace una mala
> >>>>>>> interpretación... lo
> >>>>>>> coloca en el centro vertical ;)
> >>>>>>> Claro que FF tampoco hace mala interpretación... lo coloca en
> >>>>>>> el
> >>>>>>> centro
> >>>>>>> de la línea de texto
> >>>>>>>
> >>>>>>> yo te diría que pruebes mejor a posicionarlo "abajo y derecha"
> >>>>>>> aunque
> >>>>>>> tengas que hacer el dibujín un poco más grande para que "case"
> >>>>>>> en
> >>>>>>> altura
> >>>>>>> con las líneas.
> >>>>>>>
> >>>>>>> Un saludo
> >>>>>>>
> >>>>>>> Victoria
> >>>>>>>
> >>>>>>> David Lombardia - DeltaIdeas escribió:
> >>>>>>>> Hola a todos!
> >>>>>>>>
> >>>>>>>> estoy intentando agregar un icono a los enlaces externos. Lo he
> >>>>>>>> conseguido con Firefox pero en Internet Explorer 6 y 7 no se
> >>>>>>>> posiciona
> >>>>>>>> correctamente el icono. Me pasa con los enlaces que tienen
> >>>>>>>> varias
> >>>>>>>> líneas.
> >>>>>>>>
> >>>>>>>> Aquí podéis ver como se ve en Firefox y como en IE:
> >>>>>>>>
> >>>>>>>> http://www.deltaideas.com/iconos/firefox.png
> >>>>>>>> http://www.deltaideas.com/iconos/iexplorer.png
> >>>>>>>>
> >>>>>>>> El código que estoy utilizando es el siguiente:
> >>>>>>>>
> >>>>>>>> a[rel=external]{
> >>>>>>>> padding-right: 10px;
> >>>>>>>> background: url(../imagenes/vinculoexterno.gif) center right
> >>>>>>> no-repeat;
> >>>>>>>> }
> >>>>>>>>
> >>>>>>>> A ver si me podéis echar una mano.
> >>>>>>>>
> >>>>>>>> Saludos!
> >>>>>>>>
> >>>>>>>> David
> >>>>>>>> _______________________________________________
> >>>>>>>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>>>>>
> >>>>>>>
> >>>>>>> _______________________________________________
> >>>>>>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>>>>
> >>>>>>
> >>>>>>
> >>>>>>
> >>>>>> --
> >>>>>> ↓ Ignacio Ricci
> >>>>>> www.ignacioricci.com
> >>>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>>> --
> >>>>> ↓ Ignacio Ricci
> >>>>> www.ignacioricci.com
> >>>>> _______________________________________________
> >>>>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>
> >>>> _______________________________________________
> >>>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>
> >>>
> >>>
> >>>
> >>> --
> >>> ↓ Ignacio Ricci
> >>> www.ignacioricci.com
> >>> _______________________________________________
> >>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> >> _______________________________________________
> >> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> >
> >
> >
> > --
> > ↓ Ignacio Ricci
> > www.ignacioricci.com
> > _______________________________________________
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo
