The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Poster and Post spacing

View previous topic View next topic Go down

Solved Poster and Post spacing

Post by PT-Desu on October 28th 2011, 3:05 am

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


Last edited by PT-Desu on October 28th 2011, 5:34 am; edited 1 time in total

PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Poster and Post spacing

Post by LGforum on October 28th 2011, 3:16 am

Code:

.postbody {
margin-left: 30px;
}

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Poster and Post spacing

Post by PT-Desu on October 28th 2011, 3:21 am

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;
   }

PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Poster and Post spacing

Post by Mike on October 28th 2011, 3:57 am

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.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Poster and Post spacing

Post by PT-Desu on October 28th 2011, 4:07 am

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;
   }

PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Poster and Post spacing

Post by Mike on October 28th 2011, 4:10 am

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

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Poster and Post spacing

Post by LGforum on October 28th 2011, 5:13 am

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.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Poster and Post spacing

Post by Guest on October 28th 2011, 5:22 am

Try this in your CSS:

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

Guest
Guest


Back to top Go down

Solved Re: Poster and Post spacing

Post by PT-Desu on October 28th 2011, 5:32 am

@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


PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Poster and Post spacing

Post by Nera. on October 28th 2011, 3:44 pm

Lock

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum