Cita:
Iniciado por karlamar 
Hola. Espero alguien me pueda ayudar. No se usar bien el css.
Puedo utilizarlo para hacer diferentes estilos de texto dentro del dreamweaver.
Pero para hacer diferentes estilos en links no puedo!!
El codigo que intente es este
</script>
<style type="text/css">
<!--
.link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
color: #666666;
.link A:link {color: #666666; text-decoration: none;
.link A:visited {color: #666666; text-decoration: none;
.link A:hover {text-decoration: overline; background-color: #ffff66;
.link A:active {color: #666666;text-decoration: none;
}
-->
</style>
Hola:
Tienes un par de cosillas mal. Paso a comentartelas.
1) No cierras las llaves bien. Despues dar la lista de propiedades de un selector debes cerrar las llaves que has abierto. Pej:
Código:
.mola { color: red; text-decoration: none; }
2) No llames a una clase (o id) con una palabra que usa CSS. En tu caso LINK la usa CSS como pseudo-clase y por eso entra en conflicto. Cambia el nombre de la clase link y llamale pej 'mola'
Código:
<a href="#" class="mola" > ... </a>
3) Has puesto mal la definicion de las pseudo-clases de los enlaces.
Te coloco el codigo corregido:
Código:
<style type="text/css">
<!--
.mola {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
color: #666666;
}
.mola:link {color: #666666; text-decoration: none; }
.mola:visited {color: #666666; text-decoration: none; }
.mola:hover {text-decoration: overline; background-color: #ffff66;}
.mola:active {color: #666666;text-decoration: none;
}
-->
</style>
Espero que te sirva.
Un saludo
