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.

Space between top of Avatar and Online button

View previous topic View next topic Go down

Solved Space between top of Avatar and Online button

Post by runawayhorses on April 28th 2012, 6:17 pm

I need to put a space between the top of the avatars in posts to separate the Online button from the Avatar. The top of the avatar is touching the bottom of the Online button. The online button 91 wide x 29 high and the avatars are max 150 wide, so there isn't enough room for both of them to fix directly side by side. If I could push the avatar down some then the Online button could fit on top of the avatar. So what I need is a code to place the online button on top of the avatar, or just a code to push the avatar down. It would be nice to center the Online button above the Avatar if you can write the code that way. Whatever you can come up with would be appreciated.

thanks



Last edited by runawayhorses on April 29th 2012, 10:27 pm; edited 1 time in total

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by LGforum on April 29th 2012, 12:07 am

Code:

.postprofile dt img {
  margin-top: 10px;
}

This is based off the fact your profile says phpbb3

LGforum
Hyperactive

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

http://www.avacweb.com/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by runawayhorses on April 29th 2012, 1:50 pm

Thank you, yes I'm using phpbb3.

I used this code below yesterday and its working fine. Whats the difference in these codes, what does the dt img do in your code that this code doesn't do? Should I be using the code you posted instead? Like I said this code works and I noticed no problems with it yet. What advantages (if any) would I have in using the code you posted?

Code:
.postprofile {
    margin-top: 22px !important;
    }

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by LGforum on April 29th 2012, 4:46 pm

My code moves the avatar down a little, and your code pushes the whole post profile block a little.

With your problems may occur when posts are very short and the main content of the post is less in height than the post profile. Also your code may have negative effects on the topic review and pm areas.

So mine tackles the direct element you want to move. Up to you really, it doesn't make a difference if none of the problems above occur.

LGforum
Hyperactive

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

http://www.avacweb.com/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by runawayhorses on April 29th 2012, 7:05 pm

Ok thanks

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

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