Foros del Web » Creando para Internet » CSS »

Duda sobre cambio de color de link en imagenes

Estas en el tema de Duda sobre cambio de color de link en imagenes en el foro de CSS en Foros del Web. Hola de nuevo tengo otro problema :( Resulta que tengo una imagen y tiene un enlace pero quiero que el filito que le ponen cambie ...
  #1 (permalink)  
Antiguo 04/01/2005, 19:44
 
Fecha de Ingreso: agosto-2004
Mensajes: 34
Antigüedad: 19 años, 8 meses
Puntos: 0
Duda sobre cambio de color de link en imagenes

Hola de nuevo tengo otro problema :(

Resulta que tengo una imagen y tiene un enlace pero quiero que el filito que le ponen cambie de color, la cuestion es que lo he hecho como se hace normal para un texto pero no cambia el color

Pero alguien me comento que las instrucciones para la hoja de estilos cuando es una imagén son diferentes a los de un texto es verdad???? De ser asi me podrían decir cual es la instrucción???

Gracias de antemano!!!
  #2 (permalink)  
Antiguo 05/01/2005, 05:02
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 1 mes
Puntos: 63
Hola

Si no he entendido mal lo que quieres, este código te puede servir:

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
	<style type="text/css" media="screen">
		* {
			border: 0px;
		}
		.miImagen {
			border: 1px solid #00ff00;
		}
		.miImagen:hover {
			border: 1px solid #0000ff;
		}
	</style>
	<!--[if IE]>
		<style type="text/css" media="screen">
			.miImagen {
				border: 0px;
			}
			.miVinculo {
				border: 1px solid #00ff00;
			}
			.miVinculo:hover {
				border: 1px solid #0000ff;
			}
		</style>
	<![endif]-->
	<title>Cualquier cosa</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><a href="algo.htm" class="miVinculo"><img src="cine.gif" class="miImagen" width="34" height="35" alt="imagen de prueba" /></a></p>
</body>
</html>
El código es un poco más largo de lo que aparentemente hace falta, pero es para lograr una buena compatibilidad visual entre todos los navegadores.

Obviamente los códigos css los podrías pasar a un archivo .css si no los quieres tener en la página.

Igual, si alguien lo reduce, nos hace un favor...

Felicidad
__________________
¡ hey, hou, hou, hey !
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 16:56.