The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Space between top of Avatar and Online button

2 posters

Go down

Solved Space between top of Avatar and Online button

Post by runawayhorses 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
avatar
runawayhorses
Hyperactive

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

View user profile http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

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

Code:

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

This is based off the fact your profile says phpbb3
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

View user profile

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by runawayhorses 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;
    }
avatar
runawayhorses
Hyperactive

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

View user profile http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Space between top of Avatar and Online button

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

View user profile

Back to top Go down

Solved Re: Space between top of Avatar and Online button

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

Ok thanks
avatar
runawayhorses
Hyperactive

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

View user profile http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top

- Similar topics

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