Cargando

Ir a contenido

X


Ver Más! Si eres de los que tiene o se va a comprar Huawei Mate 20, o Mate 20 Pro. Aquí tienes colección de tutoriales que se irán actualizando diariamente con todas las opciones que te ofrece este genial terminal móvil!


Ayuda ajuste de bloques con CSS



6 Respuestas de expertos

#1   Fran Rodríguez

  •   Reputación:19
  •   Respuestas:96
  •   Tutoriales:1

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

  •   Reputación:275
  •   Respuestas:302
  •   Tutoriales:54
5 3 2

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

  •   Reputación:19
  •   Respuestas:96
  •   Tutoriales:1

Publicado 28 febrero 2016 - 23:54  AUTOR PREGUNTA

Por favor Identificate o Registrate para poder ver este contenido



#4   Fran Rodríguez

  •   Reputación:19
  •   Respuestas:96
  •   Tutoriales:1

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

  •   Reputación:275
  •   Respuestas:302
  •   Tutoriales:54
5 3 2

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

  •   Reputación:19
  •   Respuestas:96
  •   Tutoriales:1

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

  •   Reputación:35
  •   Respuestas:31

Publicado 02 marzo 2016 - 17:51

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




No esperes más y entra en Solvetic
Deja tus soluciones y aprovecha las ventajas de la cuenta de usuario ¡Únete!

x

¿Tienes otra pregunta? Aquí puedes encontrar más soluciones!

¿Sigues sin solución? Realiza tu pregunta gratis en Solvetic ¡Únete!