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
Jayden Goodman
911 PointsFonts and Colors not working
I use Safari and so far, had no problems but now that I'm into the Fonts and Colors section, nothing is working whatsoever. I triple checked everything with the video and it still looks just like it did before learning about the colors and fonts.
I have the img files with my CSS so I know that's not the issue and I also made sure to save both files as well.
index file: http://i43.tinypic.com/11ht4yg.png
style.css: http://i39.tinypic.com/sljqd5.png
Sorry if I made things a tad complicated with posting the links. Haven't quite gotten the whole image thing figured out with the forum thing.
Jayden Goodman
911 PointsAck. Sorry about that. Knew I was forgetting to post something else.
5 Answers
Wayne Priestley
19,579 PointsHi Jayden,
To post your code you need to have x3 back ticks before and after your code. I could really do with seeing all your code to know whats up, any chance you could try to post it please.
Jayden Goodman
911 Pointshttp://i39.tinypic.com/1hqxz4.png http://i44.tinypic.com/21c9hex.png
I messed around with Safari's stylesheet preferences (was originally set to none selected which gave me this; http://i39.tinypic.com/14104tw.png) and changed it to the grid.css that was provided and it helped to get everything where it should be, which is what the link to Brian shows, but if I change it to style.css it gives me this; http://i43.tinypic.com/14nmwja.png and I can't seem to figure out where I'm going wrong to get them to work with one another.
Brian Pirouet
Courses Plus Student 1,653 Pointsline 60 doesn't have an opening <div>?? line 54 also has no closing </div>?
Won't be the reason, just stating a few parts you are missing.
Wayne Priestley
19,579 PointsJayden, what do you mean by Safari's stylesheet preferences?
You should have 3 stylesheets in your head div, grid.css style.css then my-styles.css for example.
The grid.css is self explanatory, the style.css is the stylesheet that gives the smells like bakin site its background colour etc, and the my-styles.css will be the css file that you make your changes on.
The order is important as the last one overrides the one before it so you would have.
grid.css style.css my-styles.css
you only work in my-styles.css
Jayden Goodman
911 PointsNot quite sure if this is going to help clear up what I was trying to get at.. the "None Selected" is what my browser is automatically set at, and the codes that I linked above is what I have at this current moment.
The "None Selected" shows everything that has been done just before the lesson of learning how to grid everything. While I have the grid codes in where they need to be, this is what I get with the setting; http://i40.tinypic.com/2h7i45y.png
This is when I change the stylesheet through Safari to the grid.css; http://i40.tinypic.com/21418jp.png
And my style.css; http://i41.tinypic.com/153oexe.png
I'm not sure if I screwed up my coding somewhere.. but.. I have someone who is doing this with me and I tried their file on my "None Selected" and it still gave me the exact same thing that I have, though hers is showing exactly what it should be (with the style.css) without having any tweaks. I downloaded Firefox, just thinking it was maybe not working with Safari too great.. but I'm still getting the same thing with Safari's "None Selected" stylesheet setting.
Jayden Goodman
911 PointsManaged to get the problem fixed after taking a breather and rechecking everything. Was a minor issue that managed to get solved with a fresh set of eyes on my computer
Brian Pirouet
Courses Plus Student 1,653 Pointswhat was the problem??
Brian Pirouet
Courses Plus Student 1,653 PointsBrian Pirouet
Courses Plus Student 1,653 Pointscan you post your site structure please. I can't see anything wrong with the given screenshots, maybe better if you post it to here then we could take a look for you.