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
Erin Worth
4,533 PointsMy css is not responding with my html.
<section> <h3>contact details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:408.309.5004">408.309.5004</a></li> <li class="mail"> <a href="mailto:eeworth@gmail.com">eeworth@gmail.com</a></li> <li class="twitter"> <a href="http://twitter.com/intent/tweet?sreen_name=wortherin">@wortherin</a></li> </ul> </section>
(this will not connect with the following css)
/************************** PAGE: CONTACT **************************/
.contact-info{ list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }
contact-info li.phone a { background-image: url('../image/phone.png') }
contact-info li.mail a { background-image: url('../image/mail.png') }
contact-info li.twitter a { background-image: url('../image/twitter.png') }
10 Answers
Ana Enríquez
8,977 PointsHi, to help you with you problem , is the stylesheet correctly linked in the <head> element?
I pasted your code in codepen and it appears to be fine. If you use the firefox inspector or the chrome dev tools you can hover in the link and see if it connects or if the file is missing.
Erin Worth
4,533 Pointsaccording to google devtools, my contact page is not being represented in the web version of the css. but when I'm working in tree house I can obviously see my contact page css. how can I make the proper adjustments so the web can actually read my css?
Ana Enríquez
8,977 PointsCould you post an screenshot of the google devtools and a reference of how do you have the tree of the folders? Are you writting in a local folder with a local text editor or online in a web version text-editor?
Erin Worth
4,533 PointsI have the screen shots but this programs won't let me add them to this comment section.
Ana Enríquez
8,977 PointsUpload them to a site like http://uploadpie.com/ and post the url
Erin Worth
4,533 Points
Ana Enríquez
8,977 PointsI think the reason is that in the contact.html the link is not correctly set and thats why the * is showing before the name. Make sure that in the document contact.html, in the <head> tag, the <link rel="stylesheet" src="css/main.css"> is correctly pointing to the stylesheet
<head>
<title>Title</title>
<link rel="stylesheet" src="css/main.css">
</head>
If these does not help, you can share with my a zip with your project files and I would check them for errors to help you
Erin Worth
4,533 Pointsthe weird thing is that my other two pages are linked in the same way and connecting to my css sheet but my "contact" page doesn't link with css. It's still not working and I"m not sure by what you mean with the * showing before the name. Where are you seeing that?
Ana Enríquez
8,977 Pointsits in the first picture that you upload, theres a * mark before the name of the stylesheet
Erin Worth
4,533 Pointsthis is the newest screen shot and there is no *
Ana Enríquez
8,977 PointsI dont think I could tell you more if I dont see the documents, if you want to post a link with a zip or send it by email to me I could test them in my local and fix it . You can see my email in my profile.
Ana Enríquez
8,977 PointsHi Erin! I have just saw your email, I now see that you use workspaces to code, from treehouse, not in your local. To share your workspace correctly with me you have to create a snapshot. The link that you send me does not work for me, because its personal. I you dont know how to create a snapshot You can check these links:
Tutorial about snapshots (read only) https://teamtreehouse.com/community/workspace-snapshots Video tutorial about previews and snapshots https://teamtreehouse.com/library/previews-and-snapshots
Hope this helps!
Erin Worth
4,533 PointsThanks for all your help. I"m sure I'll figure it all out soon.