Dreamweaver - hipervinculos

 
Vista:
Imágen de perfil de Josu

hipervinculos

Publicado por Josu (1 intervención) el 11/06/2007 14:27:08
Estoy empezando con el Dreamweaver, salseando un poco y eso, y me he encontrado con un problema que no me deja avanzar y cuya respuesta no encuentro. Puedo poner en una misma página hipervinculos de texto de diferentes colores???, porque solo veo la opcion de dar color a todos los hipervinulos de texto a la vez, y no a uno concreto.
Graciassss
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:hipervinculos

Publicado por basnek (47 intervenciones) el 13/06/2007 12:34:47
Efectivamente que se puede para ello debes utilizar estilos.
Puedes ver esta web http://www.maderexter.com/esp/index.php y fijate en el lateral derecho que dice "ver productos" y al pie tienes "Aviso Legal"

El primero tiene definido un estilo
#linkHome a {position:absolute; background-image:url(../img/fletxa.gif); background-repeat:no-repeat; background-position:left center; color:#0068c3; text-decoration:underline; padding-left:15px; font-weight:bold; top:142px; left:32px; *top:150px;}

y el segundo este otro

#peu {position:relative; height:163px; background:url(../img/peu.jpg); clear:left; *z-index:-1;}
#peu a {color:#6b5a49;}

Aqui te dejo un ejemplo a los apurones :) pero para que pruebes

Salu2 y Éxitos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Documento Sin título</title>
<style type="text/css">
<!--
a.link1 {
color: #009933;
}
a.link1:hover {
color: #CC3333;
text-decoration: none;
}
a.link2 {
color: #9933CC;
text-decoration: none;
}
a.link2:hover {
color: #CC9900;
text-decoration: underline overline;
}
-->
</style>
</head>

<body>
<p><a href="#" class="link1">link 1</a></p>
<p><a href="#" class="link2">link 2</a></p>
</body>

</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar