Foros del Web » Creando para Internet » Herramientas y Software »

diferentes estilos css a links distintos

Estas en el tema de diferentes estilos css a links distintos en el foro de Herramientas y Software en Foros del Web. Bueno, no sabía si poner esta duda aquí o en estilos css pero al final creo que el lugar más adecuado es en este foro. ...
  #1 (permalink)  
Antiguo 09/06/2003, 06:51
 
Fecha de Ingreso: mayo-2003
Mensajes: 13
Antigüedad: 21 años
Puntos: 0
diferentes estilos css a links distintos

Bueno, no sabía si poner esta duda aquí o en estilos css pero al final creo que el lugar más adecuado es en este foro.
La cuestión es que en la web que estoy realizando he creado con el dreamweaver unos estilos para los enlaces, en los que cambia el color de fondo y demás historias. El problema es que el estilo se me aplica también a las imágenes con enlaces y no quiero que en ellas se aplique el estilo porque me desbarata el fondo y el diseño en general.
En las faqs de css venía una solución, pero no sé cómo aplicarlo cuando el estilo lo tengo vinculado a un archivo css creado con el dreamweaver.
Me gustaría saber si puedo o hacer que esa imagen/es no tengan ningún estilo o cómo poder aplicarlas un estilo diferente.
Gracias por la ayuda.
  #2 (permalink)  
Antiguo 09/06/2003, 07:16
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola, telyco.

La verdad, no me hago mucha idea de que es lo que tienes y que es lo que quieres. Podrías poner el código css (o la parte que afecta a los enlaces) y como lo estás utilizando en las imágenes.

Saludos,
  #3 (permalink)  
Antiguo 09/06/2003, 11:00
Avatar de alexa10  
Fecha de Ingreso: julio-2002
Ubicación: De este lado...
Mensajes: 293
Antigüedad: 21 años, 9 meses
Puntos: 0
Saludos telyco!!!

La verdad es que no se si entendí , pero se me ocurre que crees un estilo para los enlaces que haces a través de texto y un estilo para los enlaces que haces a través de imágenes...

La forma de hacerlo es así, (tomado de las FAQ de CSS):

Código:
<style type="text/css">
<!--

a.estilo2:link { el estilo que quieras;}
a.estilo2:visited { el estilo que quieras;}
a.estilo2:hover { el estilo que quieras;}
a.estilo2:active { el estilo que quieras;}

a.imagenes:link { el estilo que quieras;}
a.imagenes:visited { el estilo que quieras;}
a.imagenes:hover { el estilo que quieras;}
a.imagenes:active {el estilo que quieras;}

-->
</style>
Ahí hemos creado la pseudo-clase estilo2. Aquellos enlaces que queramos que usen esa clase, se lo pedimos

Código:
<A HREF="pepe.html" class="estilo2"> pepe </A>
Para las imágenes:

Código:
<a href="pepe.html" class="imagenes"><img src="tu imagen.gif"></a>
Espero que te sea útil!!!



PD: para aplicarlos, solo tendrías que editar tu archivo css e introducir las reglas que quieras...
  #4 (permalink)  
Antiguo 10/06/2003, 01:52
 
Fecha de Ingreso: mayo-2003
Mensajes: 13
Antigüedad: 21 años
Puntos: 0
Gracias por la ayuda.
Finalmente lo que he hecho ha sido editar el archivo css en dreamweaver dejando el estilo anterior como principal y creando un subestilo sin atributos siguiendo el modelo de alexa.
Luego lo he aplicado a los enlaces y parece que funciona, ahora tengo dos tipos de enlaces diferentes.
Gracias y hasta otra.
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 13:48.