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

Posted by michelle salsbury
michelle salsbury
Courses Plus Student 569 Points

css - please help me!

I didn't create this site originally. http://Baxter5.com/ I took one treehouse class and thought "Super Genious" and... Messed up every page! How? I was trying to adjust one page. I should never have used my http://baxter5.com/baxter5.css to modify "1" page - I know that now. http://baxter5.com/local.html now looks fine (that's the only one that looks fine).
However every other page <div class="listing"> is damaged. Since I obviously don't know what I'm doing, I'm not sure what I've done.

Guidance please?

Thank you~!

5 Answers

Graham Davidson
Graham Davidson
Courses Plus Student 14,966 Points

Do you have a screen shot of how the site should look or a more specific description of what went wrong please

michelle salsbury
michelle salsbury
Courses Plus Student 569 Points

Hi Graham,

Thank you for responding. I just sent an attachment to "Treehouse loves michelle" help@teamtreehouse.com. Sorry, I didn't know how else to get it to you. Index.php is loaded into adobe DW. The Div.listing is too wide. For this reason it's sitting below the div.left-column (they should be side by side).

Michelle

Graham Davidson
Graham Davidson
Courses Plus Student 14,966 Points

Hi Michelle shove it through to g@justg.co.uk if you want me to take a little look for you - obviously happy to help at no cost - people help me enough.

G

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

What exactly did you change to cause problems.

I'm seeing issues with padding and margin on the sidebar, the footer off centre and the main listings probably should be at the top of the page?

michelle salsbury
PLUS
michelle salsbury
Courses Plus Student 569 Points
michelle salsbury
michelle salsbury
Courses Plus Student 569 Points

Hi Matthew,

Thank you for your response. When I loaded into DW I was able to see the boxes. The div.listing should be sitting next to div.left-column Sadly,div.listing is now too wide.

~Michelle

michelle salsbury
PLUS
michelle salsbury
Courses Plus Student 569 Points
michelle salsbury
michelle salsbury
Courses Plus Student 569 Points

Websites CSS Foundations The Box Model The CSS Box Model Concept I input padding: 0; That didn't help.

michelle salsbury
PLUS
michelle salsbury
Courses Plus Student 569 Points
michelle salsbury
michelle salsbury
Courses Plus Student 569 Points

Problem solved! Thank you Graham and Matthew. Started @ div.footer { clear:both; width:800px; padding:20px; margin:auto; background-color: #fff; } My mistake div.footer { clear:both; width:885px; padding:20px; margin:auto; background-color: #fff; }

Width 885 worked with http://www.baxter5.com/local.html However it didn't work for the rest of the website. I'm creating a separate div.footer-local

Thank you!!!! Michelle