Duda subrayado de links

[icisneros]

Hola, mi duda es la siguiente:

En el css he puesto que me subraye los links, con este código:

Código:

a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #6A960B;
}

Pero de esta forma al convertir una imagen en un enlace, también me la subraya. Entonces mi pregunta es: ¿Hay alguna forma de conseguir este mismo efecto, pero sólo para el texto?

De tal forma que al pasar el ratón por encima de las imágenes que contienen un link no se subrayen?

Un saludo!

[daPhyre]

Te diría que un text-decoration: underline; , pero algo me dice que lo haces de esta forma por algún motivo, posiblemente para que el subrayado sea de un color distinto.

Si lo que quieres es hacerlo así, y que a la imagen no te lo subraye, solo agrega este código después:

Código:

a:hover img {
	border-bottom: none;
}

[JavierB]

Hola icisneros

Prueba añadiendo esto:

Código:

a:hover img {border:0}

Saludos,

[icisneros]

Lo he probado y no me funciona de ninguna de las dos formas

Y sí daPhyre lo hago de esa forma porque quiero que el subrayado sea rayado, no continuo.

Se os ocurre alguna forma más?

De todas formas, gracias a los dos.

[daPhyre]

Espera, ya se lo que sucede... Estamos quitando el borde a "img" cuando el que lo tiene es "a" (Error que me había pasado hace mucho )

Pues creo que tendrás que trabajar doble, pues la única forma de quitar esto es con una clase. por ejemplo:

Código:

a.nosub:hover{border: none;}

Y cada vez que vayas a poner un link de una imagen, debes ponerle esa clase:

Código HTML:

<a href="pagina" class="nosub"><img src="imagen.png" alt="imagen" /></a> 

Eso debería hacerlo. Mucha suerte

[icisneros]

daPhyre exactamente pasa lo que comentas, y como dices se soluciona, lo malo es que voy a tener que reescribir muchisimo código. Si no encuentro otra forma de hacerlo, me pensaré cambiar el subrayado en el CSS.

Gracias a todos