Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/11/2009, 08:56
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 6 meses
Puntos: 539
Respuesta: Superponer div con imgs

Hola Verogclp.
Debes tener presente que el código que ayuda es el generado (el que el navegador recibe del servidor si usas programación de ese lado).
Tu código limpio de programación:
Código html:
Ver original
  1. <td rowspan="3" align="center" class="mws_boxcenter_module">
  2.     <a href="#">
  3.         <div class="imag">
  4.           <img clas="zzz" src="x.jpg" alt="#" />
  5.         </div>
  6.     </a>
  7.     <div class="xv">
  8.       <img src="images/transpa.png" >
  9.     </div>
  10. </td>
Lo primero que tienes que tener presente es que un enlace (elemento de línea) no puede contener dentro un elemento de bloque como es un div.
Tampoco lo necesitas.
Veamos un código más semántico y libre de divitis:
Código html:
Ver original
  1. <td rowspan="3" align="center" class="mws_boxcenter_module">
  2.     <a  class="zzz" href="#"><img src="z.jpg" alt="**" /></a>
  3.     <img class="xy" src="transpa.png" alt="#@" />
  4. </td>
Más límpio, ¿verdad?
Sin entrar en detalles de las propiedades de la tabla y de las celdas con clase "mws_boxcenter_module", para superponer una imagen sobre la otra, sólo tienes que sacar del flujo del documento a una de ellas mediante la propiedad "position":
Código css:
Ver original
  1. td.mws_boxcenter_module {
  2.  overflow: hidden;/*para que no rebasen sus contenidos*/
  3.  position: relative; /*para que sea el punto 00 de la imagen ".xy"*/
  4. }
  5. td.mws_boxcenter_module a.zzz {
  6.   position: absolute;
  7.   left: 50px;
  8.   top: 50px; /*ajustar a tu gusto según tus necesidades*/
  9.  }
  10. td.mws_boxcenter_module img.xy {
  11.   position: relative;
  12.   }
Faltará código css relativo a la tabla, pero no sabemos nada de ella. También puedes definir el tamaño con el que se mostrarán las imágenes vía css y otras cosas más, pero eso es otra historia.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 18/11/2009 a las 09:21