a:hover 2 imágenes, una a la derecha y ota a la izquierda. ¿es posible en lista?

[IMAC/]

Buenas

He conseguido hacer que practicamente funcionen las pestañas que ando haciendo, pero tengo un ligero problema.
Cuando paso el ratón por encima tengo que hacer que aparezcan dos imágenes, la del borde derecho arriba y la del borde izquierdo arriba.
He conseguido una de ellas, y no la otra.

Para que veáis mejor a que me refiero os dejo aquí lo que tengo por ahora:
ver link

Saludos.

[Calizman]

Ok posiblemente... sea que no tienes el DOCtype!

intenta ponerlo y posiblemente solucione tus problemas! xD

[lucasan]

Se a lo que se refiere IMAC/ aunque no tengo la respuesta, pero lo voy a tratar de aclarar para cuando pase un experto en el tema.

Las pestañas expanden su ancho deacuerdo al texto que tengan, por tanto para los bordes redondeados se usan dos imágenes, una para el borde superior derecho y otra para el izquierdo.

El dilema es que al hacer un a:hover solo una de las dos imágenes se podrá ver, la otra esquina seguirá recta.

Hasta donde se, creo que no es posible (por lo menos no con css puro, no se si con Js), una muy buena opción sería hacer cambio a la letra del link en el :hover y no a las imágenes.

Acá encontré un buen link al respecto, pero como menciono, no hacen cambio a las imágenes en el estado :hover sino al texto del enlace.

Saludos.

[Mikmoro]

Hola, lucasan. Yo hice precisamente eso en el menú de la cruzada de diseño y código:

http://www.alzuwaga.com.ar/cruzada/dBlers/

En este caso no era una imagen a la izquierda y otra a la derecha, sino una para la parte superior y otra para la inferior, pero realmente es lo mismo.

Echa un vistazo a cómo está hecho. Efectivamente sí, sí se puede hacer un hover a dos imágenes.

[lucasan]

Excelente Mikel, no se me había ocurrido usar un <span> dentro de la etiqueta <a>.

Reitero mis palabras, había que esperar a un experto; y retiro las otras, definitivamente si se puede

IMAC/ revisa el código fuente del ejemplo de Mikmoro está muy claro y facil de implementar.

Saludos y gracias Mikel.

[Mikmoro]

Saludos a ti, lucasan, que hacía un tiempecito que no te veía por aquí

[IMAC/]

Muchas gracias por la respuestas.

Aunque finalmente acabé usando otro método. Las imagénes superior izquierda y derecha unicamente contenían el fondo y no el color del botón, eso estaba en transparente (png 24).

Luego mediante javascript cambié los colores de los divs y punto.

Gracias igualmente.