Padding en enlaces

[spect]

Propongo este tema, sin haber encontrado solucion por mi mismo, no se si estará tratado, he usado el buscador y no me sale nada.
bueno, al grano.

¿porqué cuando separo dos imagenes usando padding-right: o padding-left:, si ésta imagen es un hiperenlace el espacio que asigno al padding, me sale subrayado?

solo me pasa con IE, y no con Firefox

lo podéis comprobar en ésta web

academiadeltransportista (punto) com

en las imagenes de abajo del todo, siempre con IE

un saludo y gracais de antemano

[visitante28]

holaa


ya intentaste darle clase a tus vinculos,, "decoration:none;"

que tienes como imagenes para que no aparesca el underline??

a .img:link {decoration:none;}

<a class="img" > <img></a>

saludos.

[spect]

Iniciado por visitante28

holaa


ya intentaste darle clase a tus vinculos,, "decoration:none;"

que tienes como imagenes para que no aparesca el underline??

a .img:link {decoration:none;}

<a class="img" > <img></a>

saludos.

gracias visitante, he probado el decoration:none, y la cosa sigue igual, no sé porque me subraya el espacio que asigno como padding

[danico90]

prueba poner text-decoration:none; en lugar de decoration:none;

[alexk]

en primera es text-decoration: none; y creo que solo va para el texto... puede ser un borde trata con a img{border:0;}

[visitante28]

mmm

si que es algo raro he,,, solo sucede con algunos vinculos que tienes como imagenes,,,


que podras ser???

[spect]

pues con el text-decoration tampoco me funciona. y lo del border tampoco, porque no es un border, es un padding-left que uso para que las imagenes no me salgan pegadas unas con otras. el problema es que si la imagen es un enlace, el padding de esa imagen lo toma como enlace y me lo subraya.

ya no se que hacer, haré tablas y listo

[alexk]

quita el padding ya que es un margen interno... para separar usa margin

[visitante28]

bueno si el padding te lo toma como parte del enlace,, si le dices que

{decoration:none;}

ya no te debe poner el subrayado no???


saludos..

[Mikmoro]

Como te han dicho, eso se elimina con un simple a.img {text-decoration: none;}, pero lo has puesto mal en tu código:

a .img:link {text-decoration:none;}

Te sobra el espacio entre la a y el punto (y si quieres el :link también)