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:
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
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]
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
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
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;
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
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
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
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%;}
:]
10 matches
Mail list logo