¿Cómo puedo quitar el subrayado a imágenes con enlace? [Tema resuelto]  

Hola jamespce

Tienes que agregar un estilo a tu template, por ejemplo:

ja-topsl a {
 text-decoration:none;
}

Saludos

Gracias por la respuesta, pero no da solución a mi problema.

He insertado el estilo en el template pero el subrayado continúa. También he probado a buscar en todos los "ja_topsl" que aparecen en el css y comrpobar que ninguno tuviese el "underline" puesto, pero no.

Me desespera no dar con la solución. He realizado decenas de intentos distintos y nada... y lo peor es que a lo mejor es más simple de lo que parece...

¿que otra cosa puedo hacer?

Por cierto, la imagen que en un principio dije que también estaba enlazada y sin embargo no mostraba el subrayado, descubrí que sólo es en firefox. En Explorer, todas las imágenes enlazadas están subrayadas.

Hola Jaime,

Ese es un fallo que presentan las plantillas Ja Purity y Ja Purity II y que solucionas comentando el siguiente estilo en el archivo template.css de tu plantilla en uso, en la línea 1245.

#ja-topsl a, #ja-botsl a {
border-bottom:0px dotted #CCCCCC;
color:#CCCCCC;
text-decoration:none;
}

En principio comentar este estilo con un /* #ja-topsl... */ no tiene porque afectar a la funcionalidad de enlace de la imagen.

Saludos

Hola Jaime

Hay dos subrayados, uno que se muestra por defecto y otro en el hover, cuando pasas el mouse por encima de la imagen.

Puedes modificar o sobreescribir el comportamiento, haciendo esto último no afectaras como se muestran los enlaces de texto que posiblemente si quieres que se vean subrayados en otras posiciones.

Debes agregar el siguiente código al final del archivo template.css

/*para el hover y active y el defecto de la etiqueta a en ja-topsl*/
#ja-topsl a, #ja-topsl a:hover, #ja-topsl a:active{
	border-bottom: none;
}

Saludos.

Solucionado!! Realizando los pasos que me disteis ya no se ven las imágenes subrayadas.

Gracias por la ayuda. :laugh:

Hola Jaime,

¿Y como lo solucionaste exactamente al final?

Saludos

Hola!

Pues lo que hice fue cambiar ell código de la línea 1245 por el que pusiste tú:

#ja-topsl a, #ja-botsl a {
border-bottom:0px dotted #CCCCCC;
color:#CCCCCC;
text-decoration:none;
}

De este modo ya no aparecía subrayadas las imágenes, pero al pasar el raton por encima se subrayaban con una línea que también eliminé incrustando el código que publicó Jhon Marreros Guzmán al final del archivo template.css

#ja-topsl a, #ja-topsl a:hover, #ja-topsl a:active{
border-bottom: none;
}

Eso fue todo!
Gracias