Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: wensllei en 14 Marzo 2018, 21:43 pm



Título: Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda
Publicado por: wensllei en 14 Marzo 2018, 21:43 pm
Buenas tardes - Contenido de boton collapse no reajusta tamaño de div

Estoy trabajando en una pagina la cual fue desarrollada por otra persona. Realmente esta persona utilizo plantillas o template y solo agrego algunas cosas.

El tema es que la he estado rediseñado y agregue un enlace de tipo collapse que al accionar se muestra unas imagenes de cursos brindado por una institucion.

En modo desktop funciona perfectamente pero cuando lo visualizo en dispositivo moviles este contenido collapse no se ajusta y queda sobrepuesto sobre otro contenido de la pagina.

No se si me he explicado bien.

Les muestro una imagen:

https://drive.google.com/open?id=1dcRRzuhz_w-kZgZhPpauVgJEsvk8VlbC

https://drive.google.com/open?id=10rTMYOAwrQbQfu2z2RqhDw87eYXJ1ygX



Código
  1. <div class="banner-bottom" id="cursos_actuales">
  2. <div class="container" style="background:#1F3E6B; color:#FFF; height:80px;">
  3. <div class="mid_agile_bannner_top_info">
  4. <h2 data-toggle="collapse" data-target="#cur_act" id="act" style="color: #fff; text-align: left; margin-top: 10px">Cursos Actuales <img style="float: right; margin-right:10px; width:40px; height:40px; margin-top:10px" src="images/baja.png"></h2>
  5. </div>
  6. <div id="cur_act" class="collapse in">
  7. <div class="feature-grids" id="target">
  8.  
  9. <?php
  10.  
  11. $sql=mysql_query("SELECT * FROM publicacion WHERE pub_date_end>='$hoy'");
  12.  
  13. while($row=mysql_fetch_array($sql))
  14. {
  15. echo '
  16. <div class="col-md-12 feature-grid" style="padding:15px;">
  17. <a href="#" data-toggle="modal" data-target="#cur_'.$row['id_public'].'"><img src="cursos/slider/'.$row['pub_slider'].'" class="img-responsive"></a>
  18. </div>
  19. ';
  20. }
  21.  
  22. ?>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="clearfix"></div>
  27. </div>



Título: Re: Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda
Publicado por: wensllei en 15 Marzo 2018, 00:40 am
Hola nuevamente, disculpen ya lo solucione, debia sacar fuera del div donde hago target, el div class collapse. Quizas fue una pregunta muy tonta pero no lograba solucionarlo y es que soy principiante.

Aca les dejo como lo solucione. Pueden cerrar el tema.


Código
  1.  
  2. <div class="banner-bottom" id="cursos_actuales" >
  3. <div class="container" style="background:#1F3E6B; color:#FFF; height:80px;">
  4. <div class="mid_agile_bannner_top_info">
  5. <h2 data-toggle="collapse" data-target="#cur_act" id="act" style="color: #fff; text-align: left; margin-top: 10px">Cursos Actuales <img style="float: right; margin-right:10px; width:40px; height:40px; margin-top:10px" src="images/baja.png"></h2>
  6. </div>
  7. </div>
  8. </div>
  9.  
  10. <div class="banner-bottom-cur_act">
  11. <div id="cur_act" class="collapse">
  12.    <div class="container">
  13.     <div class="feature-grids">
  14.  
  15.     <?php
  16.  
  17.     $sql=mysql_query("SELECT * FROM publicacion WHERE pub_date_end>='$hoy'");
  18.  
  19.     while($row=mysql_fetch_array($sql))
  20.     {
  21.     echo '
  22.     <div class="col-md-12 feature-grid" style="padding:15px;">
  23.     <a href="#" data-toggle="modal" data-target="#cur_'.$row['id_public'].'"><img class="img-responsive center-block" src="cursos/slider/'.$row['pub_slider'].'"></a>
  24.     </div>
  25.     ';
  26.     }
  27.  
  28.     ?>
  29.     </div>
  30. </div>
  31. </div>
  32. <div class="clearfix"></div>
  33. </div>
  34.