- This topic is empty.
-
AuthorPosts
-
June 3, 2013 at 11:31 am #45115RuggParticipant
Hi,
Curious if anyone knows a method for changing the direction that content loads in CSS3 Columns.
By default the content is stacked vertically within each column and loads from **top to bottom**… as apposed to floated columns which load **left to right**.
**Example (CSS3 Columns):**
1 | 4 | 7
2 | 5 | 8
3 | 6 | 9
**Example (floated):**
1 | 2 | 3
4 | 5 | 6
7 | 8 | 9
Is there a way to load the CSS3 column content left to right instead of top to bottom? is there a jQuery fix for this? Any suggestions are appreciated. Thanks
June 3, 2013 at 11:32 am #137456Paulie_DMemberI’m not entirely sure what you are after but…Flexbox?
Frankly, it doesn’t sound as though you want columns at all.
June 3, 2013 at 11:48 am #137458Paulie_DMemberYes I know that but if you don’t want them to act like columns then why are you using that property?
Offhand it sounds to me as if you are after a ‘flow’ property from one row to another and so on.
June 3, 2013 at 12:13 pm #137467Kitty GiraudelParticipant> By default, all content that is structured using CSS3 Multi Columns will load vertically from top to bottom until the current column is full…and then move horizontally to fill the next column…
Yes, this is what “column” means. I’ll have to agree with Paulie: you don’t seem to need any column. Use float/inline-blocks.
June 3, 2013 at 12:30 pm #137473Paulie_DMemberIf they are images, does the order really matter?
I think js is the answer.
June 3, 2013 at 1:02 pm #137477Paulie_DMemberYeah but you keep talking in terms of columns which clearly aren’t appropriate here.
Load order is the same (essentially) as source order. If you don’t use columns (see above) then that solves the loading issue.
June 29, 2015 at 7:01 am #204355cristianavParticipantwhat did you use to create this type of grid?
thanksJune 29, 2015 at 6:36 pm #204395dauruk0512ParticipantI have been through in this issue, yes coloumn in css3 give users not good reading article.
so the better idea using this plugin http://welcome.totheinter.net/columnizer-jquery-plugin/ hope this help you, nowdays newspaper style is mode on now.
Hope this help you :D
June 30, 2015 at 4:06 am #204402cristianavParticipantHi,
Columnizer plugin is top to bottom solution. I am looking for a left to right solution, with variable heights, like masonry.
I was just asking if someone found a better solution for it.
Thank you!
July 1, 2015 at 3:27 am #204442dauruk0512ParticipantWhat did you asking ? can you describe in dummy images ?
Freddy
July 1, 2015 at 1:26 pm #204478cristianavParticipantI want something like http://tympanus.net/Development/GridLoadingEffects/index2.html
This is based on masonry jqeury plugin, but it is not working OK when you load images dynamically from the server. It is working well when you have a predefined list of images. -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.