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!

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

General Discussion

Brendan O'Brien
Brendan O'Brien
9,066 Points
Posted by Brendan O'Brien
Brendan O'Brien
9,066 Points

Help and advice on html/css project

Hello class,

I'm building a website for myself and I'm going through a lot of the html and css fundamentals. I started off with HTML5 Boilerplate too.

My main question right now is regarding the top part of the page. Maybe check it out here and then come back: http://btko.webfactional.com/redvan/

It's all pretty basic yet, just some borders and boxes so I can see what's happening. What I want to do is have the header div be on top of the laptop screen. Which is kind of is, but I want it to stay over the laptop at smaller screen sizes. As you resize your screen you'll see what I mean.

I'd like it to be pretty static over top of the laptop screen.

Thoughts, ideas, complaints, mocking contempt?

Cheers! BTKO

1 Answer

Casey Ydenberg
Casey Ydenberg
15,622 Points
Casey Ydenberg
Casey Ydenberg
15,622 Points

If you want it to be completely static, you could just add the text in Photoshop and load it as part of the image. If you want to add links etc. later, you can map them on. http://www.w3schools.com/tags/tag_map.asp

Otherwise, you'll need a set of media queries to change the text size at different screen widths. See the responsive design learning adventure.

Casey