Foros del Web » Creando para Internet » CSS »

Padding en enlaces

Estas en el tema de Padding en enlaces en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 23/09/2009, 11:37
 
Fecha de Ingreso: abril-2009
Mensajes: 54
Antigüedad: 8 años, 8 meses
Puntos: 0
Pregunta Padding en enlaces

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
  #2 (permalink)  
Antiguo 23/09/2009, 12:07
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Padding en enlaces

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.
  #3 (permalink)  
Antiguo 24/09/2009, 10:20
 
Fecha de Ingreso: abril-2009
Mensajes: 54
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Padding en enlaces

Cita:
Iniciado por visitante28 Ver Mensaje
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
  #4 (permalink)  
Antiguo 24/09/2009, 10:56
Avatar de danico90  
Fecha de Ingreso: febrero-2009
Ubicación: San José, Costa Rica
Mensajes: 148
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: Padding en enlaces

prueba poner text-decoration:none; en lugar de decoration:none;
  #5 (permalink)  
Antiguo 24/09/2009, 10:59
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: Padding en enlaces

en primera es text-decoration: none; y creo que solo va para el texto... puede ser un borde trata con a img{border:0;}
  #6 (permalink)  
Antiguo 24/09/2009, 12:01
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Padding en enlaces

mmm

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


que podras ser???
  #7 (permalink)  
Antiguo 25/09/2009, 03:37
 
Fecha de Ingreso: abril-2009
Mensajes: 54
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Padding en enlaces

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
  #8 (permalink)  
Antiguo 25/09/2009, 09:25
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: Padding en enlaces

quita el padding ya que es un margen interno... para separar usa margin
  #9 (permalink)  
Antiguo 25/09/2009, 14:07
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Padding en enlaces

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..
  #10 (permalink)  
Antiguo 25/09/2009, 17:28
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Padding en enlaces

Como te han dicho, eso se elimina con un simple a.img {text-decoration: none;}, pero lo has puesto mal en tu código:
Cita:
a .img:link {text-decoration:none;}
Te sobra el espacio entre la a y el punto (y si quieres el :link también)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:35.