He llegado a un problema el cual no estoy seguro si lo puedo resolver por CSS.
Resulta que estoy haciendo botones expandibles, los cuales les hice 4 clases:
#boton: será contenedor del botón.
#boton_izquierda: con una imagen con el borde izquierdo.
#boton_centro: con una imagen que se repite en X, para que se expanda.
#boton_derecha: con una imagen con el borde derecho del botón.
Y en el código lo implemento así:
Código:
<div class="boton">
<div class="bboton_izquierdaoton"></div>
<div class="boton_centro">Home</div>
<div class="boton_derecha"></div>
</div>
Pues bien hasta acá todo ok, defino el boton por divs y pongo el contenido y este se expande y queda perfecto.
El problema que me ha surgido es que ahora quiero que cuando se pase el puntero por encima del botón me gustaría cambiar las 3 imagenes de las clases al mismo tiempo, para cambiar el color del botón completo (no solo al centro, por ejemplo).
Hasta ahora no se me ocurre como hacerlo, les agradecería que me pudieran ayudar... quizás estoy haciendo un lío y hay otra forma más fácil de hacer botones expandibles, para poder cambiarles el fondo, no se...
ayuda plz!