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 How to Make a Website Adding Pages to a Website Add Iconography

Tobias Edwards
Tobias Edwards
14,458 Points
Posted by Tobias Edwards
Tobias Edwards
14,458 Points

HTML: Each page has a formatting issue

Hi

Whenever I switch between the 3 pages: 'Portfolio', 'About' and 'Contact', I get small formatting issues, as if there are some inconsistencies in my code:

  • 'Portfolio' page - everything is fine.
  • 'About' page - my <h1> and <h2> elements shift slightly to the right.
  • 'Contact' page - the <h1> and <h2> elements are now central, but the whole page is zoomed out (everything is smaller) and there is a white gap going across the top of the page. Zooming in on the page does not make a difference.

Help please, thank you!

Joel Swensen
Joel Swensen
4,503 Points

I would need to see your files to tell you what's up. Please share :)

Tobias Edwards
Tobias Edwards
14,458 Points
Tobias Edwards
Tobias Edwards
14,458 Points

Joel Swensen I've sorted most of the issue now. However, I noticed the 'portfolio' page is significantly more zoomed in than the 'about' and 'contact' pages (as in the header is a lot bigger).

Could you look at that?

Did Nick (the instructor) do this by purpose? Or is there something wrong with my code? I coded everything on notepad++ so if you still need to see my code, I would have to edit it in as an answer

1 Answer

Patrice Nko'o
PLUS
Patrice Nko'o
Courses Plus Student 50,511 Points
Patrice Nko'o
Patrice Nko'o
Courses Plus Student 50,511 Points

Hi Tobias,

First thing first:

1- Make sure that all your three files have the same main css file.

2- Give a class to your body and define in a way that fit all the three pages

3 - Go back to CSS Layout Advance Course

Best

Patrice

Tobias Edwards
Tobias Edwards
14,458 Points
Tobias Edwards
Tobias Edwards
14,458 Points

Thanks for the answer :) I've almost finished the 'How to make a website' course, so I'll have to take a look at the CSS course soon

Tobias Edwards
Tobias Edwards
14,458 Points
Tobias Edwards
Tobias Edwards
14,458 Points

However, I've just found what the problem was: Let's say I zoom in on the home page, and then I go to another page on the website, the new page defaults to my default zoom so it appears zoomed out. But then when I return to my home page, the page has saved how much I zoomed in which gives the whole website a disjointed feel :s Can this be solved through that 'CSS Layout Advanced Course'?