Tema: heredar foco
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/08/2011, 09:03
francap
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 107
Antigüedad: 14 años, 4 meses
Puntos: 3
heredar foco

Buenas.

Tengo el siguiente problema a ver si me pueden ayudar.

Tengo un div que contiene un par de imagenes. y texto. Cuando el div contenedor obtiene el foco cambia el color de fondo. Pero me quedan los bordes de las imagenes contenidas del color original.

Entonces quiero que cuando la div contenedora tenga el foco también lo tenga su contenido, para así poder usar hover del contenido y corregir el problema.

No se si esto se puede hacer con CSS?

Pongo el código completo a ver si es más facil de entender así.

Saludos y gracias por su tiempo.

Código HTML:
Ver original
  1. <a class='link'  href='pepe.com/pepe'>
  2.  
  3.    <div class='contenedorl'>
  4.  
  5.        <img class='img_flotada_izquierda' >
  6.        <div class='texto'>Lo que sea</div>
  7.        <div class='icono_en_background_flotada_derecha'></div>
  8.  
  9. </div>
  10. </a>


Código CSS:
Ver original
  1. .contenedor {
  2.  
  3.     height:100px;
  4.     border-color:#7e817a;
  5.     border-style:none none solid none;
  6.     border-width:1px;
  7.  
  8.    
  9.     padding: 0 4px 0 10px;
  10.     margin-top:10px;   
  11. }
  12.  
  13. .contenedor:hover{
  14.     background-color:#dcddd8;  
  15. }
  16.  
  17. .link{
  18.     display:block;
  19.    
  20. }
  21.  
  22. .img_flotada_izquierda{
  23.     float:left;
  24.     margin:0px;
  25. }
  26.  
  27. .texto{
  28.    
  29.     padding:20px 0px 0px 110px;
  30.    
  31. }
  32.  
  33. .icono_en_background_flotada_derecha{
  34.     float:right;
  35.     height:101px;
  36.     width:101px;
  37.     background-image:url(../img/disponible.png);
  38.     background-position:top;
  39.    
  40. }
  41.  
  42. .icono_en_background_flotada_derecha:hover{
  43.     background-position:bottom;
  44. }