James D 0 Posted February 12 Report Share Posted February 12 Hi, I have a table with images on my website (www.jamesdurling.ca) everything works fine except the images are sorting vetical. So the dates shown on the images are not in order. Any suggestions on how this can be corrected? This is the CSS code I am using: #tr-photogallery{line-height:0;-webkit-column-count:auto;-webkit-column-width: 200px;-moz-column-width:200px;column-width: 200px;-webkit-column-gap:0;-moz-column-count:auto;-moz-column-gap:0;column-count:auto;column-gap:0} #tr-photogallery img{width:100%!important;height:auto!important;padding:2px} Thanks, James Quote Link to post Share on other sites
Ingolme 1,032 Posted February 13 Report Share Posted February 13 Using columns will always order things vertically. If you want them lines up horizontally try a flex-box instead of columns. W3Schools has a few tutorial pages describing how to use flexbox: https://www.w3schools.com/css/css3_flexbox.asp Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.