Foros del web, para los que viven de bits

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:

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:

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!

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.

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

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.

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!

¿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.

No, si te he comprendido bien, pero yo lo hacía así:
Y si no especificaba miclase como tipo a, no funcionaba, en otras palabras, a fuerza tiene que estar así:
Se nota la diferencia, ¿no? Esto era lo que me ocurría... Extraño sigo opinando yo...

Bueno, gracias por la solución.

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.

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

Encantado, pero yo siempre digo la verdad

Es broma, sabré mentir piadosamente

Mikel.

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

¡Muchas gracias por el apoyo!