Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/02/2013, 13:06
Avatar de chichote
chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 5 meses
Puntos: 145
Respuesta: Problema con Float Left

Cita:
Iniciado por Bonez Ver Mensaje
Parece mentira que no pongas código.

¿No te vale con poner el texto como un párrafo? Que siendo un elemento de bloque ocuparía su propia linea. O poner la imagen flotada como dices que tienes y hacer un contenedor para lo demás, también flotado.
La estructura básica es la siguiente

Código HTML:
<!-- Inicio Usuario en Listado -->
<div class="lista-usuario">
     <div>
          <div class="img">
               <a href=""><img src="uploads/usuarios/01.jpg" /></a>
          </div>
          
          <h4><a href="">Mauricio Monsalve</a></h4>
          
          <div class="estrellas">
               <ul id="1" class="activo">
                    <li class="on"></li>
                    <li class="on"></li>
                    <li class="on"></li>
                    <li class="on"></li>
                    <li class="off"></li>
                    <li class="off"></li>
                    <li class="off"></li>
               </ul>
          </div>
          
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Porttitor et mauris consectetur adipiscing elit.</p>
          
          <div class="clear"></div>
     </div>
</div>
<!-- Fin Usuario en Listado --> 
Esa es la estructura básica del html, y a grandes rasgos el css tiene flotando a la izquierda el div img, y el resto está en su forma nativa, pero el parrafo se me posiciona al costado del div con class estrellas :(

Subi lo que llevo de la maqueta al siguiente enlace http://lab.androll.cl/red

Saludos
__________________
http://chicho.ninja yiaaaa