Foros del Web » Creando para Internet » CSS »

Problemas con el fondo de las imagenes-link (aun)

Estas en el tema de Problemas con el fondo de las imagenes-link (aun) en el foro de CSS en Foros del Web. Mis links en general, tienen un efecto de fondo que cambia cuando se pasa el mouse encima de estos. Sin embargo, para las imagenes-link con ...
  #1 (permalink)  
Antiguo 14/05/2008, 11:44
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Problemas con el fondo de las imagenes-link (aun)

Mis links en general, tienen un efecto de fondo que cambia cuando se pasa el mouse encima de estos. Sin embargo, para las imagenes-link con fondo transparente, se llena con un cuadro del color del link, lo cual no se ve nada bien. Al principio me habían dado esta solución:

Código:
a img{
  background:#fff;
}
Con lo que las imagenes se llenaban con otro color. Al principio parecía bien, pero cuando comencé a agregar imagenes en distintos lugares con distintos fondos, ahora se veía un fondo blanco para todas estas imagenes. Lo más lógico que pensé fue cambiar el background a transparent, pero entonces otra vez se veía el efecto de los links.

Tras un tiempo, llegué a la conclusión de que esto sucedía, por que se dibujaba el link con fondo de color, y encima la imagen de fondo transparente. Mi primer idea para solucionar esto, fue poner una clase "nobg" a la ancla, y ponerlo así en el CSS:

Código:
.nobg{
  background:transparent;
}
Pero al probarlo, no parecía funcionar. ¿Alguien me podría decir si hago algo mal, o si hay una solución más sencilla para que automáticamente las anclas que contengan links no tengan este problema? Cualquier detalle, la página es la que tengo en mi firma. ¡Muchas gracias!
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #2 (permalink)  
Antiguo 14/05/2008, 12:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problemas con el fondo de las imagenes-link (aun)

Hola, daPhyre.

Creo que deberás exclusivizar los enlaces del menú de alguna manera (clase o procedencia), porque el que te está poniendo el fondo en los links de imágenes es este selector:

a:link, a:visited{
color:#fff;
background:#00f;
}

Quiero decir que si por ejemplo pones ese selector así:

#menu a:link, #menu a:visited{
color:#fff;
background:#00f;
}

ese fondo sólo afectará a los enlaces del menú, de manera que debería desaparecer el fondo azul de las imágenes.

Mikel.
  #3 (permalink)  
Antiguo 14/05/2008, 12:14
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: Problemas con el fondo de las imagenes-link (aun)

Muchas gracias, ya había tenido esa idea a mis disposición antes, pero no solo quiero que se vea el menú con ese efecto, si no cualquier texto-link en la página, como los links de abajo, etc. Por eso les había dejado de esta forma.

Si se te ocurre otra idea, estaría muy agradecido. Gracias de cualquier forma =P
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 14/05/2008, 12:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problemas con el fondo de las imagenes-link (aun)

El selector a img no te sirve porque afecta a la imagen dentro de a, pero no al propio a. La única salida es ponerle una clase a los enlaces que llevan imagen
<a href="#" class="imagen"><img...

y darle a esa clase el background:transparent;

a.imagen {background:transparent;}

Mikel.
  #5 (permalink)  
Antiguo 15/05/2008, 11:43
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: Problemas con el fondo de las imagenes-link (aun)

Casi olvido desde ayer que estaba esto aun =P...

Curioso, yo hacía algo similar, poniendolo como tu dices pero así:

.imagen {background:transparent;}

Teoricamente debería funcionar, pero no es así. Sin embargo, al especificarle que sea de tipo "a", literalmente como lo has escrito, ¡Me ha funcionado perfecto! ¿Por qué sucede de esta forma?

Bueno, lo importante es que ya está correcto, y al parecer no tiene más errores. Lo pondré a ser jusgado en su area respectiva. Tus criticas y comentarios serán bien recibidos, principalmente por que si hay alguien que puede ayudar y sugerir, eres tu =P. ¡Gracias de nuevo por toda la ayuda!
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 15/05/2008, 11:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problemas con el fondo de las imagenes-link (aun)

¿Seguramente sería que no le habías puesto la clase "imagen" al enlace como he puesto yo?

<a href="#" class="imagen">...

Supongo que al llamar "imagen" a la clase te he confundido, pero sería igual con cualquier otra como:

<a href="#" class="miclase">...

y entonces

a.miclase {background:transparent;}

De lo que se trataba era de no intentar atacar a la etiqueta img, sino al enlace concreto que contiene la imagen.

Mikel.
  #7 (permalink)  
Antiguo 15/05/2008, 11:54
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: Problemas con el fondo de las imagenes-link (aun)

No, si te he comprendido bien, pero yo lo hacía así:
Código HTML:
<a href="#" class="miclase">...
Código:
.miclase {background:transparent;}
Y si no especificaba miclase como tipo a, no funcionaba, en otras palabras, a fuerza tiene que estar así:
Código:
a.miclase {background:transparent;}
Se nota la diferencia, ¿no? Esto era lo que me ocurría... Extraño sigo opinando yo...

Bueno, gracias por la solución.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #8 (permalink)  
Antiguo 15/05/2008, 12:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problemas con el fondo de las imagenes-link (aun)

Ah, de acuerdo.

Sí, así es la forma que contradice al "a" general. No sólo dice que sea la clase tal, sino que es además un enlace con clase tal. Si no lo pones así, cree que es un enlace como todos pero además con la clase tal.

No estoy seguro de que esto ocurra con todas las etiquetas ni con todos lo parámetros (más bien creo que no), pero en general tengo tendencia a ponerlo así siempre.

Mikel.
  #9 (permalink)  
Antiguo 15/05/2008, 12:40
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: Problemas con el fondo de las imagenes-link (aun)

Curioso como funciona... pero bueno, se ha encontrado la solución... Me ha enseñado una forma de probar el código cuando no funcione de cierta forma específica. Interesante. ¡Muchas gracias de nuevo!

PD: ¿Podeís pasar por este link? http://www.forosdelweb.com/f1/http-m...heaven-586889/
Sería un gran honor si pudiera comentar en el area, además de que posiblemente de gran ayuda si encuentras cualquier dealle por el cual dar una interesante opinión =P
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #10 (permalink)  
Antiguo 15/05/2008, 12:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problemas con el fondo de las imagenes-link (aun)

Encantado, pero yo siempre digo la verdad

Es broma, sabré mentir piadosamente

Mikel.
  #11 (permalink)  
Antiguo 15/05/2008, 12:49
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: Problemas con el fondo de las imagenes-link (aun)

Ya no se a cual de los dos temer más ::
(Quizá a la tercera opción ::)

¡Muchas gracias por el apoyo!
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
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:14.