Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by mohamed samir
mohamed samir
1,152 Points

help code plz

i now build new website i write 2 colum ( social and copy write by ....... ) i need to compelet this code to moving two colum one in right one in left . ....... thx fo all

2 Answers

Jovanny Elias
Jovanny Elias
16,204 Points

Hello can you please be more specific as to what you would like to do. are you working on one of the courses or are you building your own and would like to know how to build and add the two column layout? which ever way it is it would also help us out if you posted your code so that we can help you out more. just in case here is a quick guide on how to post your code.

Code block on Treehouse

Nhia Lee
Nhia Lee
6,310 Points
Nhia Lee
Nhia Lee
6,310 Points

I would have two divs inside a footer div. Something like the code below, you can put the inline css into it's own style sheet.

Example: http://jsfiddle.net/wzLrt514/

<div class="footer" style="width: 100%; max-width: 1040px; padding: 20px 0; background: gray; display: inline-block;"> <div class="copyright" style="width: 60%; float: left; background: yellow; "> ...copy write goes here... </div>

    <div class="social" style="width: 40%; float: left; background: green;">
        social network icon goes here...
    </div>

</div>