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

CSS

creating this layout from .net magzine css html

I saw this content layout in .net magazine and just curious how it was achieved. The red text content. How can i get text to float around in two separate columns? Is each column a div? or is the text all in one div? If tables are used how did they manage to get the text to wrap?

alt interesting layout picture in middle of two columns

4 Answers

They used adobe indesign to create the magazine not html.

https://teamtreehouse.com/library/using-jquery-plugins

You can learn about jquery plugins here. I believe it's called a sticky or you can use absolute for css.

https://developer.mozilla.org/en-US/docs/Web/CSS/position?v=example

Hey Jason

I will read more about jquery plugins but you mentioned absolute for css. If I used position absolute I would then need to give the other elements with the text position relative right for the text to wrap? Would I create tables for the columns?

I will play with it just hoping can save me time in case its completely wrong.

you don't use tables. You use divs and give them pixel width or height so basically you give them size. A sticky is basically an element that stick to the screen when you scroll it.

ok thank you I will play around with it. I never heard of adobe indesign before you mentioned it thanks I will learn bit more about that also.