¿Cómo puedo quitar ...
Avisos
Vaciar todo

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

 
Jaime
 Jaime
Usuario activo

Hola a todos!

Mi pregunta es bastante simple.

He puesto en el Megamenu de Ja_putity II unas imágenes enlazadas, pero resulta que, al publicar la web, me pone un subrayado de puntitos a las imágenes excepto a una.

¿cómo puedo elimiran ese subrayado? Si tengo que editar el código css, ¿dónde bucar exactamente?

Gracias anticipadas!

Os dejo el enlace de la web para que podáis ver a qué me refiero. http://www.anxasero.es
En la portada pueden verse las imágenes subrayadas (cadena nova, atv, facebook, tuenti y youtube) excepto la de "anxásero`shop"

Saludos

Citar
Respondido : 18/03/2011 2:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola jamespce

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

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

Saludos

ResponderCitar
Respondido : 18/03/2011 7:23 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jaime
 Jaime
Usuario activo

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.

ResponderCitar
Respondido : 19/03/2011 11:19 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 20/03/2011 12:04 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 20/03/2011 12:29 pm
Jaime
 Jaime
Usuario activo

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

Gracias por la ayuda. :laugh:

ResponderCitar
Respondido : 21/03/2011 12:23 am

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jaime,

¿Y como lo solucionaste exactamente al final?

Saludos

ResponderCitar
Respondido : 21/03/2011 12:53 am
Jaime
 Jaime
Usuario activo

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

ResponderCitar
Respondido : 21/03/2011 10:24 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación