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
Joshua Hardy
17,317 PointsThe CSS in my project is not working.
The CSS in my file is not working. I have two canvases. I made each one of them a class. I also tried them as an ID. I updated the CSS to reflect those changes. The CSS is showing no activity. Could the link be the problem? <!doctype html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="canvasImage.css"> <title>Untitled Document</title> </head>
<body> <canvas class="canvas1"></canvas> <canvas id="canvas2"></canvas>
</body> </html> /* CSS Document */
.canvas1 { width: 250px; height: 250px; border: 5px; border-color: black; background-color: red; }
canvas2{
width: 250px;
height: 250px;
background-color: red;
}
Joshua Hardy
17,317 Points/* CSS Document */
.canvas1 { width: 250px; height: 250px; border: 5px; border-color: black; background-color: red; }
canvas2{
width: 250px;
height: 250px;
background-color: red;
}
1 Answer
charquise
1,274 PointsHi Joshua,
Since you made canvas two an id you have to use
#canvas2
Hope this helps!
Joshua Hardy
17,317 PointsJoshua Hardy
17,317 Points<!doctype html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="canvasImage.css"> <title>Untitled Document</title> </head>
<body> <canvas class="canvas1"></canvas> <canvas id="canvas2"></canvas>
</body> </html>