elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Guía actualizada para evitar que un ransomware ataque tu empresa


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda  (Leído 1,750 veces)
wensllei

Desconectado Desconectado

Mensajes: 2


Ver Perfil
Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda
« 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>



« Última modificación: 14 Marzo 2018, 21:55 pm por wensllei » En línea

wensllei

Desconectado Desconectado

Mensajes: 2


Ver Perfil
Re: Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda
« Respuesta #1 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.  


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Hacer que el contenido de un Jframe cambie al redimensionar su tamaño
Java
alzehimer_cerebral 1 5,795 Último mensaje 27 Enero 2010, 18:42 pm
por -Ramc-
Botón de borrar posts. POR FAVOR!
Sugerencias y dudas sobre el Foro
Saberuneko 8 3,506 Último mensaje 16 Noviembre 2010, 13:48 pm
por Saberuneko
LinkedIn añade un botón para compartir contenido
Noticias
wolfbcn 0 1,750 Último mensaje 1 Diciembre 2010, 18:18 pm
por wolfbcn
Web con botón RESTAURAR desactivado. No veo todo su contenido.
Windows
helejagy 2 1,757 Último mensaje 10 Diciembre 2013, 22:26 pm
por helejagy
Agrandar tamaño de ventana/contenido en modo ejecución "Eclipse"
Java
Dgs38 7 7,117 Último mensaje 3 Enero 2017, 14:25 pm
por Dgs38
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines