html and css

[Marcel]

Hey guys,
I've been working on this project for a while can't really give much information but I'm trying to make this similar feature without having to use javascript, but at this moment all I can see is it needing javascript.
This picture here is what I have currently, but what I want is below it.

You must be registered for see images attach

You must be registered for see images attach

It basically is a tumblr feature, which I can't get.
Now yes I am using php with this, but I don't want to change the php code to suit its positioning, if there could be something more simple with html or css (MAYBE javascript) then that would be great.

If you guys need anything such as the html code I've got or css with it just ask.
Thanks if you can help.

 

[Markshall]

Providing us with some code would be a pretty good start.

 

[M8than]

"Experienced Web Developer"

Ayy bruh srs
You don't need JS you need CSS

 

[Marcel]

"Experienced Web Developer"

Ayy bruh srs
You don't need JS you need CSS

I've tried every css code, If you could drop down an example that'll be helpful.

Providing us with some code would be a pretty good start.

Sure thing as soon as I get on.

<div style="width: 1000px;border:1px solid red;padding:5px;height: 500px;">
                                 
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
</div>

@Markshall
That's it really, and the div's keep repeating on (posts are inside them).
But I really don't think any of the other html effects the positioning.
@Muffinss
Sorry to say, but the one that I'm currently looking at is used with javascript.

 

[M8than]

I've tried every css code, If you could drop down an example that'll be helpful.

Sure thing as soon as I get on.

<div style="width: 1000px;border:1px solid red;padding:5px;height: 500px;">
                                
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
                                       <div style="width: 30%;border:1px solid blue;float:left; margin: 10px;">
</div>

@Markshall
That's it really, and the div's keep repeating on (posts are inside them).
But I really don't think any of the other html effects the positioning.
@Muffinss
Sorry to say, but the one that I'm currently looking at is used with javascript.

One, float is evil.
Two, you don't seem very experienced at all.
Three, people do not use JavaScript to position elements on a page, that's stupid.
Four, why on earth are you doing all your css inline.
Five, make a wrapper div and centre it with margin left and right as auto.
Six, use inline block to position elements next to each other.
Seven, use margins to space them.

 

[Marcel]

One, float is evil.
Two, you don't seem very experienced at all.
Three, people do not use JavaScript to position elements on a page, that's stupid.
Four, why on earth are you doing all your css inline.
Five, make a wrapper div and centre it with margin left and right as auto.
Six, use inline block to position elements next to each other.
Seven, use margins to space them.

Most of those points are useless.
But thank you for the help, (it was inline-block that I was needing).

@Mod close thread.