Ver Mensaje Individual
  #10 (permalink)  
Antiguo 23/07/2009, 09:44
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: DIVS no quiero que se aniden!

Edito: lo siguiente está escrito sin tener en cuenta tu comentario. Lo publicaste mientras yo lo armaba

En lo que comentas sobre lo anterior:
a tu imagen le aplicas una clase (<img class="mythumb"...) así que en el css tendrá que tener esa clase definida.
Sobre el código que pusiste en el #3, lo he dejado así:
Código html:
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  2. <title>Kseso? jugando con css </title>
  3. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  4. <style type="text/css">
  5. * {margin:0;padding:0; border:0; outline:none;  position: relative;}
  6. .marco_der {
  7. margin-left: 10px;
  8. font-style:italic;
  9. margin: 5px 10px 0;
  10. clear:both;
  11. overflow:hidden;
  12. }
  13.  
  14. .mythumb {
  15. border: 1px solid #CCC;
  16. padding: 2px;
  17. margin: 0px 5px 0px 0;
  18. float: right;
  19. }
  20. </head>
  21. <div id="contenedor">
  22. <div class="marco_der"><img class="mythumb" src="index2_files/1.jpg" />
  23. Proin congue aliquet mi. Nullam sodales sodales diam. In a dolor. Morbi placerat lacus quis leo. Aliquam quam quam, condimentum ut, sollicitudin non, eleifend ut, lorem. Phasellus enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pulvinar placerat risus. Maecenas vulputate ultrices purus. Nunc vehicula ipsum at sapien.</div>
  24.  
  25. <div class="marco_der"><img class="mythumb" src="index2_files/2.jpg" />
  26. Etiam consectetuer tristique sapien. Suspendisse augue diam, malesuada in, blandit at, rutrum a, arcu. Nunc lectus dolor, faucibus sit amet, accumsan eu, consectetuer eu, orci. Duis ut erat. Phasellus orci velit, porttitor a, placerat vitae, fringilla sed, lorem. Vestibulum aliquet erat consectetuer justo. Quisque eget lectus eu ipsum feugiat accumsan. Phasellus orci velit, porttitor a, placerat vitae, fringilla sed, lorem. Vestibulum aliquet erat consectetuer justo. Quisque eget lectus eu ipsum feugiat accumsan.</div>
  27.  
  28. <div class="marco_der"><img class="mythumb" src="index2_files/3.jpg" />Duis venenatis tellus vel odio. Pellentesque condimentum mollis tortor. Nullam imperdiet auctor wisi. Quisque sed dui ut nibh vulputate sagittis. Donec ac sem</div>
  29. </div>
  30. </body>
  31. </html>

ahora quedaría pendiente el que la imagen la colocas dentro de un enlace con la clase 'pop'.

Si te fijas en el html, la imagen la coloco antes que el texto, si va después, el resultado es distinto (se colocaría a la derecha pero debajo del texto)

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++