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


 


Tema destacado: Doble factor de autenticación o verificación en dos pasos


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Ayuda bajar listados de un ul automaticamente (HTML & CSS)
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Ayuda bajar listados de un ul automaticamente (HTML & CSS)  (Leído 299 veces)
SrTrp

Desconectado Desconectado

Mensajes: 122


Script/C#


Ver Perfil
Ayuda bajar listados de un ul automaticamente (HTML & CSS)
« en: 2 Octubre 2017, 03:55 »

Que tal tengo una duda o mas no se como hacerlo quiero que al ir agregando listados en un ul se vayan bajando al llegar al maximo width del div donde esta el ul.
el error es que fuera de que pase los 600px baje el listado.
Mi codigo CSS
Código
  1. .cat6 ul li{
  2. display: table-cell;
  3. border-radius:4px;
  4. padding:4px;
  5.     background:#839307;
  6.     cursor:hand;
  7. }
  8. .cat6 ul{
  9. list-style:none;
  10.    display:table;
  11.     border-spacing: 5px;
  12.  
  13. }
  14. .cat6{
  15.    overflow-y:auto;
  16.    margin-top:10px;
  17.    border-radius:4px;
  18.    WIDTH:600;
  19.    HEIGHT:210;
  20.    background:#004602;
  21. }
  22.  

mi html
Código
  1. <div class="cat6"><ul><li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  2.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  3.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  4.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  5.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  6.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  7.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  8.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  9.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  10.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  11.                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
  12.                </ul></div>
  13.  
  14.  


En línea

Apprentice ~  PHP - JS
Checked ~ VB.NET - C# - C++
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines