Poster and Post spacing

Oct

2011

I have been scracthing my head for a while now.
I been trying some stuff like :

Code:: .postbody { margin-top: 30px; }

and some other codes that i saw when i searched the forum, but none did the trick

I want to reduce the space of the poster to the post like showned in the pic :

thx in advance

1 LGforum, on 28/10/2011 at 03h16

Code:: .postbody { margin-left: 30px; }

2 PT-Desu, on 28/10/2011 at 03h21

I think i recall trying that one, either way i tried it again and this is what happens :

which is weird, since he's increasing the height.
but even then that was way more than 30px

Edit :

Im turning myself to the postprofile code now, this is what i have now :

"padding-right: 150px;"

didn't work either

Code:: .postprofile { color: #b2b2b2; margin: 5px 0 0px 0; min-height: 80px; border-right-style: solid; border-right-width: 1px; border-color: transparent; width: 22%; float: left; display: inline; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-top: 15px; *padding-right: 150px; }

3 Drogba921, on 28/10/2011 at 03h57

Code:: .postprofile { color: #b2b2b2; margin: 5px 0 0px 0; min-height: 80px; border-right-style: solid; border-right-width: 1px; border-color: transparent; width: 150px; float: left; display: inline; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-top: 15px; *padding-right: 150px; }

try that. Your width was at 22%.

I changed it to 150px.

4 PT-Desu, on 28/10/2011 at 04h07

No luck.
Same result as in the first picture Sad

How about changing something in the .post ?

Code:: .post { padding: 0 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; *overflow:hidden; background-color: #262627; -moz-box-shadow : 0 0 9px #000000; -webkit-box-shadow : 0 0 9px #000000; }

5 Drogba921, on 28/10/2011 at 04h10

position: relative;

might be giving you an issue.

Not sure again about this one. Try it and see, if not, wait for someone else.

Hope it helps Very Happy

6 LGforum, on 28/10/2011 at 05h13

The first code shouldn't have done anything to the height. It has nothing to do with height.

Try this

Code:: .postprofile { margin-right: 20px; }

Change the number to whatever you want of course.

7 Guest, on 28/10/2011 at 05h22

Try this in your CSS:

Code:: .postprofile {width: 19%;} .postbody {width: 80.5%;}

8 PT-Desu, on 28/10/2011 at 05h32

LGforum wrote:The first code shouldn't have done anything to the height. It has nothing to do with height.

Try this

Code:
.postprofile { margin-right: 20px; }

Change the number to whatever you want of course.

Didn't work Sad

dion wrote:Try this in your CSS:

Code:
.postprofile {width: 19%;} .postbody {width: 80.5%;}

That ".postbody {width: 80.5%;} " did the trick.
thank you Smile

and thanks everyone else too Smile

9 Nera., on 28/10/2011 at 15h44

Lock