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

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

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

jason chan
jason chan
31,009 Points

They used adobe indesign to create the magazine not html.

jason chan
jason chan
31,009 Points

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

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

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.

jason chan
jason chan
31,009 Points

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.

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

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.