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.

line seperator

View previous topic View next topic Go down

Solved line seperator

Post by GummyBear on October 29th 2013, 8:40 pm

How to add a line to seperate the profile details area and the post body


GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Ange Tuteur on October 29th 2013, 8:43 pm

Hello GummyBear,

That comes default with phpbb3 forums. It is set by the CSS property border-right/left on the postprofile.

If you want this, what version is your forum?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 30th 2013, 4:45 am

My forum version is punbb

GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Sir Chivas™ on October 30th 2013, 4:55 am

Hi,

Can you please provide your forum URL, thank you. Smile

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: line seperator

Post by Ange Tuteur on October 30th 2013, 8:06 am

Try this code and see if its what you want:
Code:
div.user{
border-right:1px solid #333;
padding-right:15px;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 30th 2013, 4:26 pm

orking thanks. but how am i going to extend the line


GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Ange Tuteur on October 30th 2013, 5:33 pm

Please post a link to a topic on your forum.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 30th 2013, 6:38 pm


GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 30th 2013, 6:40 pm


GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Ange Tuteur on October 30th 2013, 7:11 pm

I took a look, but haven't come up with anything yet. Increasing the border height requires an increase in the div elements height. So currently it wouldn't be possible to bring the border to the very bottom of the post with the other elements such as the postfoot in the way.

You could perhaps add a border on the top to the postfoot, but again the issue with automatically adjusting the height of the user profile is the problem.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 30th 2013, 7:28 pm

Very well said. thanks for explaining. maybe ill remove it since it is so messy. thank you!

GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Sir Chivas™ on October 30th 2013, 9:18 pm

Please refrain from double posting, your posts need to be separated by 24 hours. Please make sure to read the rules: http://help.forumotion.com/t93820-general-rules

Is this solved then? Ill try to see if I can manage to extend it all the way to the bottom; that's if you're still interested.

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 31st 2013, 7:24 am

Sorry about that but i cant delete my second post.
well if you can fix the codes i will wait.

P.S not yet solved.

GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by Ange Tuteur on October 31st 2013, 9:33 am

Apologies for my speculation earlier, but after some rest and quick studying I was able to come up with a solution. I've tested it some however, I'll leave the full testing up to you.

Removing the old code I gave you and adding the code below should give you something similar to what you want.

Code:
div.postfoot{
position:absolute;
bottom:0px;
left:280px;
right:0px;
border-top:1px solid #333;
margin-left:-34.5%;
}
div.user{
border-right:1px solid #333;
padding-right:10px;
position:absolute !important;
top:36px;
bottom:82px;
}
.pun .post{
position:relative;
min-height:350px;
padding-bottom:82px;
}
The result should look like this:


Positioning the post relatively allowed my to absolutely position the user and postfoot. Doing this allowed me to automatically adjust the height to fill the entire post. Additionally I had to add some padding to the bottom of the post to prevent the text from entering the area where the postfoot should be.

If there are any issues let us know.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: line seperator

Post by GummyBear on October 31st 2013, 4:38 pm

solved.
thanks ^_^

GummyBear
Forumember

Posts : 71
Reputation : 2
Language : English

http://haxactivity.forum.com.bz

Back to top Go down

Solved Re: line seperator

Post by SLGray on October 31st 2013, 6:40 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.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