Ver Mensaje Individual
  #15 (permalink)  
Antiguo 13/05/2011, 19:17
Avatar de TEPO
TEPO
 
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 14 años, 2 meses
Puntos: 23
Respuesta: Imagenes y divs

Cita:
Iniciado por jmb0286 Ver Mensaje
<div id="contenedor2">
<div id="noticiasindex">
<img src="imagenes/cuadro100x100.png" class="pictureleft" />
<p class="textoleft">Contenido Noticias. Link 1.</p>
</div>
Bueno, ahora si nos entendemos, yo estaba tratando de alinear el texto con la imagen, obvio que la imagen se te va ir para cualquier lado y el texto te va a quedar abajo de la misma, porque esta mal colocada, los <p> son elemnetos de bloque, tu imagen no tiene contenedor, esta suelta en el documento, te propongo hagas esto, la imagen no la coloques desde html, colocala desde css y algo muyyyy importante:Para poder controlar los elementos dentro de tu documento, los tenes que colocar dentro de divs, pensalo como si fueran contenedores de tus elementos que te permiten moverlos y hacer con ellos lo que quieras.

codigo html:

<div id="contenedor2">
<div id="noticiasindex">
<div class="pictureleft"></div>
<p class="textoleft">Contenido Noticias. Link 1.</p>
</div>

codigo css:
.pictureleft{
widht:100px;
height:100px;
position:absolute;
backgroung-image:url("imagenes/cuadro100x100.png");
background-repeat:no-repeat;
background-position:center;
top: xxpx;
left: xxpx;
}



Con esto deberias poder mover tu imagen, ojo no copies y pegues el codigo que te pase, ya que puede haber faltas de ortografia en las propiedades, chequealo con dreamweaver, tene en cuenta que de este modo vas a poder mover tu imagen con las coordenadas: top, left, right, bootom, no con margin.
Tene en cuenta que siempre tienes que tener un width y un height, que sea igual a las medidas de tu imagen, la imagen dice 100 x 100 asi que asumo que esa es la medida de la imagen, no hay chance esto te tiene que funcionar, sino avisame., ojo con tener mal escritas las propiedades en css!

Última edición por TEPO; 13/05/2011 a las 19:23