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
Marc-Adems Dor
2,854 PointsAdding CSS to a page
Guys I'm trying to do this tutorial and I've been re-watching this video all week to see where I messed up but nothing seems to be working here. The list items on the page is supposed to change color but it never works when I add my codes and I even tried copying the codes from the page source and still no result maybe someone can help
here my HTML code: Below I will post the CSS. <!DOCTYPE html> <html> <head> <title>Adding CSS</title> <link rel="stylesheet" href="css/style.css"> <style type="text/css"> h1 { color: white; background-color: #E14607; } </style> </head> <body style="background-color: #BDD4DE;"> <h1>Adding CSS to the Page!</h1> <p style="font-weight: bold;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non diam justo. Integer accumsan lacus ut quam pulvinar ullamcorper. Proin imperdiet mauris ac lectus blandit adipiscing. Vestibulum placerat mi sit amet odio luctus quis aliquam ante tristique. Praesent sem ligula, rhoncus quis gravida vitae, consequat id odio.</p> <p>Etiam eros nisl, pretium nec suscipit ac, gravida quis velit. Phasellus adipiscing ultrices lorem, ut porttitor tellus interdum eu. Fusce auctor, felis vitae adipiscing vulputate, tellus odio venenatis lorem, et pretium lectus justo vitae ipsum. Mauris in dictum dolor. Sed fermentum, dolor nec mollis lobortis, eros augue laoreet tortor, vel cursus neque sem ac diam.</p> <h2>Lorem ipsum dolor sit amet</h2> <ul> <li>Praesent sem ligula rhoncus</li> <li>Donec ut ipsum at quam</li> <li>Maecenas libero neque accumsan ut</li> <li>Donec quis mauris ipsum</li> </ul> </body> </html>
And here is the CSS:
h2 { color: blue; padding-bottom: 10px; border-bottom: 2px dotted;
}
ul { color: white; background-color: red;
}
2 Answers
sandis
10,738 Pointsif you want to build an Embedded Styles then you miss tag <style> h2 { color: blue; padding-bottom: 10px; border-bottom: 2px dotted;
}
ul { color: white; background-color: red;
}
</style>
Marc-Adems Dor
2,854 PointsActually I tried my codes in the code pen editor and it worked perfectly but in sublime text it didn't seem to be working
Shawn Flanigan
Courses Plus Student 15,815 PointsShawn Flanigan
Courses Plus Student 15,815 PointsI'd be happy to take a look, but your code isn't coming through on the forum. Take a look at the Markdown Cheatsheet to see how to properly insert code.