[SOLUCIONADO] margin de imagen en funcion de texto

crafter_v · #1 (**permalink**) 03/02/2013, 07:45

Hola, estoy tratando de hacer una página que contiene un texto y una imagen debajo. Mi duda consiste en que nose como hacer para que el margen de la imagen con respecto al texto sea siempre el mismo indiferentemente de la cantidad de lineas de texto que escriba. ¿Cual seria la mejor solución?

moro666 · #2 (**permalink**) 03/02/2013, 08:16

Vamos a ver, en la imagen pones un margin-top: xx px, con esto deberia bastar, digo yo...
De todas formas podrias poner el ejemplo entero o un link a la web? Para poder ayudar mas!

Cloudz · #3 (**permalink**) 03/02/2013, 17:57

Tal como lo dice moro666

Bueno a como le entiendo el texto debe estar dentro de un div o un contenedor como sea y la imagen dentro de otro para facilitar las cosas para referencias futuras

Código PHP:

  <html>
<head>
<style>

#texto{
    width:1000px;
    min-height:300px;
}

#imagen{
    width:1000px;
    height:200px;
    margin-top:50px;
}

</style>
</head>

<body>
<div id="texto">
          Este es mi texto y bla bla bla bla
</div>
<div id="imagen">
     <img src="mi_imagen.jpg" width="500" height="200" alt="">
</div>

</body>
</html>

Asi tal cual deberia de funcionar ya que la imagen siempre seria empujada hacia abajo por la caja de texto y ps los valores que y puse son relativos ya los cambias segun como te parezca, espero que esa sea la duda que tenias, saludos

crafter_v · #4 (**permalink**) 04/02/2013, 08:10

Muchas gracias por la aclaracion. Funciona.