Ver Mensaje Individual
  #8 (permalink)  
Antiguo 09/03/2009, 10:15
Avatar de Dalvenjha
Dalvenjha
 
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 16 años, 2 meses
Puntos: 53
Respuesta: ¿Como lograr que al señalar el link Cambie el fondo del Div's ?

uhmmm, a ver veamos, quieres crear un div por Link y que este cambie de imágen cada vez que hagas en hover, pues es algo sencillo de hacer. Pero quiero saber algo más, el div que creas para cada link ¿Tienes algún otro tipo de contenido o es solo el link?

Si es solo el link, podrías hacer lo siguiente:

Digamos que tu estructura es esta:

Código html:
Ver original
  1. <div id="uno">
  2. <a href="#" id="unomas">Yo soy un link</a>
  3. </div>


Entonces tu CSS debería ser:

Código CSS:
Ver original
  1. <!-- primero ponemos el CSS del div que quieres que sea el contenedor,
  2. solo voy a establecer el ancho y el alto-->
  3.  
  4. div#uno{
  5. width:200px;
  6. height:80px;
  7. }
  8.  
  9.  
  10. <!--Y ahora el CSS del link para que ocupe todo ese espacio-->
  11.  
  12. a#unomas{
  13. display:block; <----- Importante, tenemos que darle un display block.
  14. width:100&#37;;
  15. height:100%;
  16. background: url(miimagen.jpg) repeat left top;
  17. }
  18.  
  19.  
  20. <!--Y ahora el cl&#225;sico del hover -->
  21.  
  22. a#unomas:hover{
  23. background: url(miotraimagen.jpg) repeat left top;
  24. }

Simple y sencillo de hacer. El display Block, le permite al link especificar propiedades como el ancho, el alto, la alineación de texto, etc etc.


Espero que te sirva, por cierto, la ayuda se pide en el foro, no se pide que te agreguen al mail.

saludos!!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.