• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Liutauras Vilda
  • Bear Bibeault
Sheriffs:
  • Jeanne Boyarsky
  • Tim Cooke
  • Devaka Cooray
Saloon Keepers:
  • Tim Moores
  • Tim Holloway
  • Piet Souris
  • salvin francis
  • Stephan van Hulst
Bartenders:
  • Frits Walraven
  • Carey Brown
  • Jj Roberts

How do I make space between the thumbnails in the gallery and it's the same in all browsers?

 
Greenhorn
Posts: 2
Firefox Browser Chrome Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I have a sliding gallery with thumbnails.I try to make the distance between the thumbnails equal (about 1-2 pixels) and this distance to be the same in each browser. I tried different codes but it didn't work. I tried margin, padding, bootstrap table column, different classes for different sizes but I did not get an equal distance or I'm doing something wrong. How do I make equal space between the thumbnails in the gallery and it's the same in all browsers?





 
Marshal
Posts: 67478
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Wow, that's a lot of CSS for what sounds like a pretty simple layout. My recommendation is to strip it all out and start from a blank slate using flexbox. Flexbox is the modern way to do layouts (along with grid, but that's another show), and solves a lot of the problems we had with layouts where we had to resort to tricks with float and the like.

If you are unfamiliar with flexbox, it's high time to get up to speed on it. I recommend A Complete Guide to Flexbox to get started (and to use as a reference).
 
Bear Bibeault
Marshal
Posts: 67478
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
P.S. Also fix your code formatting and indenting.
 
Valentina Yordanova
Greenhorn
Posts: 2
Firefox Browser Chrome Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It is possible.

I make it with changing



and add container in

Now i have to try to expand "container" with the width of the any desktop. Any ideas?
 
Consider Paul's rocket mass heater.
reply
    Bookmark Topic Watch Topic
  • New Topic