Título: [Resuelto] [JQuery]\/(Ayuda) - Como hacer un Listview Horizontal Publicado por: Brian1511 en 30 Junio 2015, 18:24 pm Hola a todos.
Mi duda es como puedo hacer este estilo de ListView para mi web mobil. El caso es que muestro productos en una bd y uso el While de Php para que por cada producto en la tabla se cree un list view con los productos. Eso lo tengo listo pero como hago que los productos se muestren en este estilo?: (http://s3-media2.fl.yelpcdn.com/bphoto/d-cq--Wvnlaox6afxjpo3g/o.jpg) Saludo y Gracias de antemano! Título: Re: [JQuery]\/(Ayuda) - Como hacer un Listview Horizontal Publicado por: ZeroVzla en 21 Julio 2015, 04:25 am Hola,
Yo pondría un div contenedor o como se le conoce "wrapper" y dentro cada elemento en un div que tenga la propiedad float: left; y le pones margenes a la derecha (y otros a los demás lados), así todos los elementos serán cargados hacia la izquierda independientemente del tamaño de la pantalla, es decir, entre más ancha más elementos aparece. Saludos!!... Título: Re: [JQuery]\/(Ayuda) - Como hacer un Listview Horizontal Publicado por: #!drvy en 21 Julio 2015, 14:49 pm CSS
Código
HTML Código DEMO: http://jsfiddle.net/drvy/3wxaz9hc/1/ Los títulos los puedes cortar con CSS o con PHP aunque con CSS es liarse demasiado. Los valores del height/width de las imágenes yo las cambiaría dependiendo de la resolución pero para que quede uniforme, me aseguraría de que siempre tengan el mismo height y el mismo width. Saludos Título: Re: [JQuery]\/(Ayuda) - Como hacer un Listview Horizontal Publicado por: Brian1511 en 23 Julio 2015, 01:26 am Wow #!drvy la verdad que te lo agradezco muchisimo amigo, me volvi loco buscando esto!
Muchas gracias me sirvio a la perfeccion! Saludos! |