these contain a list of links (which I removed for the screenshot)
all blocks have the same padding and margins, they all float left.
why the fuck do I get these uneven gaps between comes of them?
HTML+CSS
Camden Anderson
Other urls found in this thread:
github.com
github.com
the-echoplex.net
twitter.com
Joshua Rodriguez
>comes
some*
David Harris
Use flex or grid faggot
Charles Anderson
because they're not the same height or absolutely positioned?
build three parent containers and float them to the left, then distribute the blocks inside of them
Liam Anderson
vertical-align top everything
Levi Reyes
>flex
that only stretches the boxes
is there no other way? because the blocks are made by a script and just put in the body. the script is not mine so I don't know how to make it distribute them evenly between other containers.
Charles Gray
tried that, it stays the same, the issue must be something else.
Hunter Scott
It appears to me that you have some kind of autistic container structure. As if the middle bottom was in the same container as last two tiles on the right, and the left bottom one was out of it, and thus placed at the mere bottom.
I don't know what the fuck you're using, but it's not hard to do this in pure html/css. Just do this normally;
Don't give all the divs classes unless they're the same size/purpose/whatever.
Group that shit like a white male - if that's allowed, I'd propose 3 vertical panels as sub-containers for those smaller divs you can see. Then just add those divs in - they'll get stacked nicely without shitty gaps.
Carson Collins
they's all inside the body, there are no other containers.
Hudson Allen
This, just make 3 colums which you are filling with divs. haven't touched any css since early bootstrap days, but this seems like the best option.
Asher Reyes
.block {
border-left: 0px dashed #770099;
float: left;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 0px;
margin-left: 0px;
width: 300px;
background: #333;
box-shadow: 4px 4px 3px #121212;
border-radius: 3px;
display:block;
}
Dylan Miller
>the script is not mine so I don't know how to make it distribute them evenly between other containers.
It appears that you don't know how to make it distributed evenly also with the script
Brandon Reed
I'm using this:
github.com
Josiah Morales
absolutely disgusting
The issue is tied to not distributing divs into containers. The next div gets placed perferably to the left, but if there's no space in a row, then it gets placed under the last one - in this case 4 is leftmost right under 3 and 7 is leftmost right under 6.
Logan Fisher
so I can't fix this with CSS? I don't know how to fix it here: github.com
Austin Baker
>why the fuck do I get these uneven gaps between comes of them?
because that's what you fucking made them do
Liam Gonzalez
This. What the fuck did OP expect?
Chase Nguyen
I'm not making the divs, thise is doing it: can it not be edited to not dump everything into the body?
Ayden Nelson
You'd have to edit the script to append a number of vertical containers at start and then add some functionality to decide which containers gets which appended tiles.
I'm not sure what's the general purpose of this and what limitations you have, but if you want to make sure it's done the way you want it, it's just best to just do it yourself. It's not that complicated anyways, just read about appending in js, the clock funcionality of this script is ez to rewrite.
Jeremiah Diaz
the clock is not important to me, what the script is for is for me to easily add a link, a title, and an icon image so it creates a list of "bookmarks" groups under a titled block.
Elijah Carter
I'm still not sure what the fuck you want, and I suspect neither do you. But if I wanted to make this look good, I would make 3 divs for 3 columns, then dump the tiles into the divs one by one so there are no gaps in the middle.
Kayden Hall
>I'm still not sure
I want this script: to do what you suggest.
Brayden Butler
CSS GRID DUMBASS
Christopher Reed
it stretches the divs with few items to be as big as the biggest divs.
Nathan Bell
Just use flex what's wrong with you?
Gavin Sanders
can I get it to not stretch the divs?
Dominic Powell
align-items: flex-start; will do this, default is stretch. if you don't understand flex check this site out it'll help you visually
Tyler Stewart
that website is neat, thanks, but when it works fine on there, and I copy the CSS, it fucks up somehow(or I do)
I copied this to the CSS of body:
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
and this to the CSS of the blocks
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
pic related is what I get
Isaiah Young
not him, but even this doesn't pack them