Cargando

Ir a contenido

X

Ayuda ajuste de bloques con CSS





#1   Fran Rodríguez

Publicado 28 febrero 2016 - 16:18

Buenas!! Llevo un buen rato y no consigo solucionar este problemilla, no caigo en que puede ser y estoy aburrido de tocar :/

 

Los bloques deberían de tener un poco de separación entre ellos, además de estar alineados, no entiendo el porqué de esas sangría que se añade en cada comentario.

 

Gracias de antemano y un saludo!!

 

hflmwyH.jpg


  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


#2   Marcos Riera

Publicado 28 febrero 2016 - 22:51

Es raro.. a parte de la CSS, pon también la parte de código HTML de los comentarios, creo que ahí anda el problema.



#3   Fran Rodríguez

Publicado 28 febrero 2016 - 23:54  AUTOR PREGUNTA

Por favor Identificate o Registrate para poder ver este contenido



#4   Fran Rodríguez

Publicado 29 febrero 2016 - 15:22  AUTOR PREGUNTA

No se si esque el margin-left: 20px del #bloquecomentarios se suma en cada bloque que se crea con el bucle while...



#5   Marcos Riera

Publicado 29 febrero 2016 - 17:50

Yo creo que es que no tiene espacio entre uno y otro...

 

Prueba estas opciones, te doy 2 (te pongo en rojo y negrita lo que he añadido):

 

OPCION 1

 

 

  1. <div id="comentarios">
  2. <h3>COMENTARIOS</h3>
  3. <?php
  4. while($row=mysqli_fetch_assoc($result2)) { // mysqli_fetch_assoc: extrae las filas, en forma de bucle.
  5. ?>
  6. <div id="bloquecomentarios">
  7. <div id="usuario">
  8. <img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
  9. <p>Usuario: <?php echo $row["nombreU"];?></p><br/>
  10. </div>
  11. <div id="opinion">
  12. Opinión: <?php echo $row["comentario"];?>
  13. </div><br/><br/>
  14. <div>
  15. <?php
  16. } #Cierra el while.
  17. ?>
  18. </div>

 

 

OPCION 2

 

 

  1. <div id="comentarios">
  2. <h3>COMENTARIOS</h3>
  3. <?php
  4. while($row=mysqli_fetch_assoc($result2)) { // mysqli_fetch_assoc: extrae las filas, en forma de bucle.
  5. ?>
  6. <div id="bloquecomentarios">
  7. <div id="usuario">
  8. <img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
  9. <p>Usuario: <?php echo $row["nombreU"];?></p><br/>
  10. </div>
  11. <div id="opinion" style="margin-top:5px;">
  12. Opinión: <?php echo $row["comentario"];?>
  13. </div><br/>
  14. <div>
  15. <?php
  16. } #Cierra el while.
  17. ?>
  18. </div>

 

A ver si te funciona alguna de las 2 ;)



#6   Fran Rodríguez

Publicado 01 marzo 2016 - 14:51  AUTOR PREGUNTA

Ya lo solucione amigo, la etiqueta div id=bloquecomentarios no estaba bien cerrada más abajo... se me olvidó poner /

En fin... siempre es un fallo de este tipo, por lo que casi nunca se da cuenta uno y cuesta mucho solucionarlo.

 

Muchas gracias por la ayuda!! :)



#7   Noemi Lopez

Publicado 02 marzo 2016 - 17:51

Justo lo estaba viendo y te lo iba a poner que faltaba </div>