Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Quitar borde de imágenes con link

Estas en el tema de Quitar borde de imágenes con link en el foro de CSS en Foros del Web. Si le echan una ojeada a www.comoviajarporelmundo.com , verán que hay 5 imágenes que dicen rectangulares que dicen "planificación", "costos", "en la ruta y asi". ...
  #1 (permalink)  
Antiguo 18/05/2013, 22:49
Avatar de Hildergarn  
Fecha de Ingreso: agosto-2004
Ubicación: Panamá
Mensajes: 442
Antigüedad: 19 años, 8 meses
Puntos: 4
Pregunta Quitar borde de imágenes con link

Si le echan una ojeada a www.comoviajarporelmundo.com, verán que hay 5 imágenes que dicen rectangulares que dicen "planificación", "costos", "en la ruta y asi".

Al mismo tiempo verán que cada imagen tiene un borde azul el cual heredó dado que le coloqué esa propiedad a los links del site. Mi duda sería averiguar como borrár ese borde únicamente a las imágenes. Intenté con border: 0px, tanto en CSS como colocándoselo a cada imagen sin éxito.

Les agradezco cualquier ayuda de antemano.
__________________
Visita Viajés y Cosas Así
  #2 (permalink)  
Antiguo 18/05/2013, 23:43
 
Fecha de Ingreso: abril-2010
Mensajes: 122
Antigüedad: 14 años
Puntos: 18
Respuesta: Quitar borde de imágenes con link

al css agregale esto..

Cita:
a img { border:0; }
  #3 (permalink)  
Antiguo 19/05/2013, 01:01
Avatar de Hildergarn  
Fecha de Ingreso: agosto-2004
Ubicación: Panamá
Mensajes: 442
Antigüedad: 19 años, 8 meses
Puntos: 4
Respuesta: Quitar borde de imágenes con link

Cita:
Iniciado por comablck Ver Mensaje
al css agregale esto..
Mira que esa solución la intenté anteriormente, pero nada que lo quita.
__________________
Visita Viajés y Cosas Así
  #4 (permalink)  
Antiguo 19/05/2013, 01:21
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: Quitar borde de imágenes con link

Tendría que funcionar simplemente poniendo:

img {border:0;}





Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #5 (permalink)  
Antiguo 19/05/2013, 03:24
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años
Puntos: 35
Respuesta: Quitar borde de imágenes con link

Hola.
Si quieres que tan solo se quite de esas imágenes en concreto yo te recomiendo poner esto:

Código CSS:
Ver original
  1. #contentleft div p a{border-bottom:0px !important;}
  #6 (permalink)  
Antiguo 19/05/2013, 04:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Quitar borde de imágenes con link

Realmente con añadir un selector más específico tendría que funcionar. No hay razón para usar !important, debería de evitarse siempre que sea posible.

http://www.forosdelweb.com/wiki/CSS:Especificidad_CSS
  #7 (permalink)  
Antiguo 19/05/2013, 04:48
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Quitar borde de imágenes con link

lo más práctico es que a los enlaces con img les pongas una clase y le elimines el borde a esa clase.

Los ejemplos superiores que involucran img no van a funcionar por una sencilla razón. El borde se los estás asignando al A, y por lo tanto si lo quieres quitar, se lo tienes que quitar al A.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #8 (permalink)  
Antiguo 19/05/2013, 06:39
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años
Puntos: 35
Respuesta: Quitar borde de imágenes con link

Cita:
Iniciado por pzin Ver Mensaje
Realmente con añadir un selector más específico tendría que funcionar. No hay razón para usar !important, debería de evitarse siempre que sea posible.

[url]http://www.forosdelweb.com/wiki/CSS:Especificidad_CSS[/url]
Sé que no es necesario !important pero lo puse por si acaso de alguna forma las imágenes de esos links heredarán algo.
Por otra parte no tienen ninguna clase ni id puesto por eso la forma más directa que vi para acceder directamente a esos links fue esa.
  #9 (permalink)  
Antiguo 22/05/2013, 22:16
Avatar de Hildergarn  
Fecha de Ingreso: agosto-2004
Ubicación: Panamá
Mensajes: 442
Antigüedad: 19 años, 8 meses
Puntos: 4
Respuesta: Quitar borde de imágenes con link

La solución de alberto510a funcionó de maravilla, gracias!!
__________________
Visita Viajés y Cosas Así

Etiquetas: Ninguno
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 23:17.