I am currently in the making of a website and im stuck with 3-4 problem i can't solve.
Link to my website is www.rapacademie.com (Approved)

Since i can't solve the problem my self
I would like to pay someone with FG to help me fix the website.



1st problem is the text ''La page Facebook'' is higher than the other two in google chrome
I got no clue why it's higher and/or how to fix it.
http://puu.sh/1bk4L

2nd thing i'd like to fix is the ''Fin de round 3 and Facebook'' instead of having them in the center.
I'd like them alligned to the Left like this
http://puu.sh/1bdWZ

3rd finally i would like to add some border to my page (Something along these line)
http://puu.sh/1b8LZ

These are the top 3 thing i would like to fix on my page, and i'm willing to pay quite a bit of Forum gold for someone to fix it.

This thread was approved by Markro

I'm checking the website, your first problem is easy, the tag <span></span> you're using before the "Le Page Facebook" contains an white space inside it, so something is happening that the browser cannot automatically calculate its size. If you check the other 2 <span> tags on the other images, you'll see their size is 5px x 39px, but this first span is 0 x 0. Just remove this white space and it will be fixed. The other 2 are just CSS rules, should be fairly easy as well.

Your second problem... You're using the <center> HTML tag, witch centers everything inside it. Btw, this tag is deprecated.

Edit:

Alternatively, if you don't want to remove the <center> tag, just put the <center> tag after the </h2> tag, and set the Margin-left of the element to position where you want it

This post was edited by StormHasHe on Oct 4 2012 01:24pm

margin:auto;
to center shit man, don't use manual margins

1st problem solved by storm,

2nd problem id like someone to send me the new code and i'll pay them

2nd problem seems fixed to me.

For the last problem, there are a few ways of solving it. What I would do is put everything in the body tag in a div tag with the id "wrapper", then set the width to however wide you want, and the margin to 0 auto. From there, you put the background image on the wrapper div, and the background color on the body tag.

in styles.css:



in custom.css:



in the html file:

I manually added white dot to fix the second problem so it's not really solved.
if you load the page with I.E you can see it's still not fixed.

This post was edited by R0cktaze on Oct 5 2012 07:10am

Breakpoint i'm gonna try your solution tonight