Foros del Web » Creando para Internet » CSS »

Hacer lista horizontales y centradas

Estas en el tema de Hacer lista horizontales y centradas en el foro de CSS en Foros del Web. Hola a todos, tengo un código en Ajax que me devuelve 2 imágenes en un div o ul.. de esta forma @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: ...
  #1 (permalink)  
Antiguo 14/07/2021, 14:01
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 1 mes
Puntos: 7
Pregunta Hacer lista horizontales y centradas

Hola a todos, tengo un código en Ajax que me devuelve 2 imágenes en un div o ul.. de esta forma


Código HTML:
Ver original
  1. <ul id="lista-imagenes"></ul>

Y me las devuelve verticalmente … quisiera saber como puedo hacer para que me la devuelva horizontalmente y si puedo usar boostrap.. para alinearlas horizontalmente..

desde ya muchas gracias por su tiempo.
saludos
Fede
  #2 (permalink)  
Antiguo 14/07/2021, 19:13
 
Fecha de Ingreso: agosto-2013
Ubicación: planeta.Tierra
Mensajes: 13
Antigüedad: 8 años, 1 mes
Puntos: 4
Respuesta: Hacer lista horizontales y centradas

Habría que ver el fragmento del código entero de Ajax .. pero jugando un poco con Flexbox (justify-content .. align-items y/o align-self) puedes obtener lo que deseas sin Boostrap
  #3 (permalink)  
Antiguo 14/07/2021, 21:18
 
Fecha de Ingreso: abril-2011
Mensajes: 168
Antigüedad: 10 años, 5 meses
Puntos: 61
Respuesta: Hacer lista horizontales y centradas

Prueba usando inline-block:

Código CSS:
Ver original
  1. #lista-imagenes img {
  2.     display:inline-block;
  3. }

Así se mostraran horizontalmente y además preservarán su tamaño.

  #4 (permalink)  
Antiguo 17/07/2021, 16:54
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 1 mes
Puntos: 7
Respuesta: Hacer lista horizontales y centradas

Muchas gracias chicos, si tengo que hacerlo sin boostrap..
gracias por los consejos.. y el tiempo de ustedes.
saludos



La zona horaria es GMT -6. Ahora son las 13:43.