[Fran Rodríguez]

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!!

 

[Marcos Riera]

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.

[Fran Rodríguez]

<div id="comentarios">
	<h3>COMENTARIOS</h3>
	<?php
	while($row=mysqli_fetch_assoc($result2)) { 											// mysqli_fetch_assoc: extrae las filas, en forma de bucle.
	?>
	<div id="bloquecomentarios">
		<div id="usuario">
			<img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
			<p>Usuario: <?php echo $row["nombreU"];?></p><br/> 
		</div>
		<div id="opinion">
			Opinión: <?php echo $row["comentario"];?>
		</div><br/>
	<div>
	<?php
	} #Cierra el while.
	?>
</div>

[Fran Rodríguez]

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

[Marcos Riera]

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

[Fran Rodríguez]

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!!

[Noemi Lopez]

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