[Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema David Lombardia - DeltaIdeas
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Victoria Gracia
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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Ignacio Ricci
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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Ignacio Ricci
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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema David Lombardia - DeltaIdeas
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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Ignacio Ricci
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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema David Lombardia - DeltaIdeas
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 Ovillo@lists.ovillo.org
 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  
 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Ignacio Ricci
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 Ovillo@lists.ovillo.org
  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
  Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema David Lombardia - DeltaIdeas
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 Ovillo@lists.ovillo.org
 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
 Ovillo@lists.ovillo.org
 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  
 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemilla asignando fondos a los enlaces

2008-08-05 Por tema Ignacio Ricci
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
 Ovillo@lists.ovillo.org
  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
  Ovillo@lists.ovillo.org
  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
  Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  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 Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente
  dirección: