Conseguir enlaces a algunas tienen diferentes efectos hover

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Agosto 11th, 2008, 6:05 am

¿Cómo se llama el a: hover pseudo clase en otra clase. Tengo un borde alrededor de mis enlaces cuando se pasa sobre ellos, pero yo no quiero hacer lo mismo cuando se pasa sobre un enlace de imagen, así que instalé todos los enlaces que contiene una imagen con la clase "imglink". ¿Cómo voy a definir no se ciernen sobre la clase imglink. Ive intentó algunas variaciones:

Código: [ Select ]
a.imagelink:hover{border:none;}
.imglink a:hover{border:none;}
a imglink:hover{border:none;}
etc.
  1. a.imagelink:hover{border:none;}
  2. .imglink a:hover{border:none;}
  3. a imglink:hover{border:none;}
  4. etc.


alguna idea?
Use your words like arrows to shoot toward your goal.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 11th, 2008, 6:05 am

  • TsX
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Oct 09, 2004
  • Mensajes: 167
  • Status: Offline

Nota Agosto 11th, 2008, 1:08 pm

Asegúrese de que está aplicando su clase para el enlace!

Mi muestra CSS:
Código: [ Select ]
a:hover{ border: thin solid #000000;}
a.imglink:hover{ border: none;}
  1. a:hover{ border: thin solid #000000;}
  2. a.imglink:hover{ border: none;}


Cuando se aplica a la relación de la imagen, es necesario llamar a la clase con el enlace:
Código: [ Select ]
<a href="www.google.com" class="imglink"><img src="mypic.jpg"></a>

No funciona cuando se aplica a su apartado. No sé por qué. Im justo que le indica cómo resolver su problema.
  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Agosto 11th, 2008, 2:04 pm

Intead de la aplicación de un nombre de clase específica a las imágenes que son enlaces, usted podría, en su css, hacer todos los enlaces de imagen no tienen fronteras.


Código: [ Select ]
a img {border: none}


Si usted desea que esto ocurra sólo dentro de un contenedor particular, se podría hacer:

Código: [ Select ]
#header a img {border: none}


Eso es lo que hago. Funciona muy bien también.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Agosto 11th, 2008, 2:26 pm

Im con Zwirko en el recipiente. Tiendo a guardar una gran cantidad de bytes de enraizamiento selectores CSS a un elemento con un ID entonces la orientación genérica tipos de elementos como el último ejemplo.
Strong with this one, the sudo is.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Agosto 12th, 2008, 3:20 pm

rock en chicos, gracias un montón!
Use your words like arrows to shoot toward your goal.

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: jflynn y 194 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC