Tema: Problemas con clases en una tabla
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/07/2011, 10:28
Avatar de infiero
infiero
 
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 18 años, 1 mes
Puntos: 3
Respuesta: Problemas con clases en una tabla
Tendrias que rearmarlo, esa es una forma mas simple hago desaparecer el texto del div "LINK" y entonces solo queda la img solo te queda ubicar cada div exactamente donde iria la parte que queres que cambie y listo.


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7. <!--
  8. .contenedor {
  9. width:1000;
  10. }
  11.  
  12. .img  {
  13. background-image:url(/images/bn2.jpg);
  14. width:1000px;
  15. height:1000px;
  16. }
  17.  
  18. .a1 a
  19. {
  20.     margin-top:1; para acomodar
  21.     margin-left:1; para acomodar
  22.     margin-right:1; para acomodar
  23.     margin-bottom:1; para acomodar
  24. * * background-image:url(images/web1.png);
  25. * * background-repeat:no-repeat;
  26. * * width:426px;
  27. * * height:34px;
  28. * * text-decoration:none;
  29. * * display:block;
  30. * * text-indent:-9000px; ACA EL TRUCO
  31. * * padding:0 5px 5px;
  32. }
  33. *
  34. .a1 a:hover
  35. {
  36.     margin-top:1; para acomodar
  37.     margin-left:1; para acomodar
  38.     margin-right:1; para acomodar
  39.     margin-bottom:1; para acomodar
  40. * * background-image:url(images/web2.png);
  41. * * background-repeat:no-repeat;
  42. * * width:426px;
  43. * * height:34px;
  44. * * text-decoration:none;
  45. * * display:block;
  46. * * text-indent:-9000px; ACA EL TRUCO
  47. }
  48. -->
  49. </style>
  50. </head>
  51.  
  52. <body>
  53. <div clas="contenedor">
  54. <div class="img"> </div>
  55. <div class="a1"><a href="mi url">LINK</a></div>
  56. </div>
  57. </body>
  58. </html>
Última edición por infiero; 30/07/2011 a las 10:40