Foros del Web » Creando para Internet » HTML »

link con css

Estas en el tema de link con css en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/06/2010, 12:32
 
Fecha de Ingreso: abril-2010
Mensajes: 13
Antigüedad: 7 años, 7 meses
Puntos: 0
link con css

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>
  #2 (permalink)  
Antiguo 17/06/2010, 16:22
Avatar de dreamkarkayu  
Fecha de Ingreso: junio-2010
Mensajes: 22
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: link con css

Cita:
Iniciado por karlamar Ver Mensaje
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
  #3 (permalink)  
Antiguo 17/06/2010, 17:13
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Respuesta: link con css

karlamar, no dupliques temas.
Sigue en el foro de css.

Etiquetas: css, link
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 19:01.