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
Edwin Chau
Courses Plus Student 5,702 Pointsselect class
Hi, I am trying to assign class="history" on the paragraph and change the text colour. It doesn't work, just wonder did I do it correctly?
<!DOCTYPE html>
<html>
<head>
<title>City of Toronto</title>
<link rel="stylesheet" href="../CSS/style.css">
</head>
<body>
<header>
<h1>City of Toronto</h1>
<h2>Edwin Chau</h2>
</header>
<img src="../img/history.jpg" alt="">
<div class="history">
<p>Toronto, on the north shore of Lake Ontario, is the largest of Canada's vibrant urban centres. It is the hub of the nation's commercial, financial, industrial, and cultural life, and is the capital of the Province of Ontario. People have lived here since shortly after the last ice age, although the urban community only dates to 1793 when British colonial officials founded the 'Town of York' on what then was the Upper Canadian frontier. That backwoods village grew to become the 'City of Toronto' in 1834, and through its subsequent evolution and expansion Toronto has emerged as one of the most liveable and multicultural urban places in the world today.</p>
<p>This presentation provides general audiences with a summary of the current scholarly consensus on the main themes in Toronto's past, with an emphasis on the characteristics of life here through time as well as the changes, issues, and influences that affected the shared experiences of its residents.</p>
<p>In addition to facts, historical studies are about interpretation, and there are many ways of viewing our heritage. Therefore, additional presentations on specialized topics will follow in the future, and we hope that other groups will use the Internet and other media to share their stories of Toronto's history in order to broaden the number of voices, increase discussion, and advance historical awareness for everyone's benefit.</p>
</div>
</body>
</html>
CSS
header {
background-color: tomato;
text-align: center;
padding-bottom: 100px;
}
img{
float: left;
margin: 100px;
border: 10px solid black;
}
.history {
background-color: red;
}
6 Answers
Karalyn Heath
18,033 PointsI don't see the class assigned here in your code. Should look like this:
<p class="history">
Than in css file add
.history {
color: insert-color-here;
}
Bryan Phelan
18,191 PointsUse the Markdown Cheatsheet to see how to post code.
Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.
Bryan Phelan
18,191 PointsDoesn't look like you added the class to your paragraph tag.
<p class="history">Text</p>
Karalyn Heath
18,033 PointsStill don't see your class defined in the paragraph. Should look like this:
<title>City of Toronto</title>
<link rel="stylesheet" href="../CSS/style.css">
<header>
<h1>City of Toronto</h1>
<h2>Edwin Chau</h2>
</header>
<img src="../img/history.jpg" alt="">
<p class="history">Toronto, on the north shore of Lake Ontario, is the largest of Canada's vibrant urban centres. It is the hub of the nation's commercial, financial, industrial, and cultural life, and is the capital of the Province of Ontario. People have lived here since shortly after the last ice age, although the urban community only dates to 1793 when British colonial officials founded the 'Town of York' on what then was the Upper Canadian frontier. That backwoods village grew to become the 'City of Toronto' in 1834, and through its subsequent evolution and expansion Toronto has emerged as one of the most liveable and multicultural urban places in the world today.</p>
The class="history" is missing from your code.
Stefan Mach
3,691 PointsSeems like the above is looking in the right direction in that it seems the class is not added to your opening <p> tag. However, I have a side question. Is your CSS file at the same hierarchical level as your index.html? If it is, I believe you should remove the ../ prior to CSS in your href. I suppose this might not matter because going one level above the top can't take you anywhere anyway, but I do wonder if it would result in somehow disconnecting your html and CSS files. What do you think?
Bryan Phelan
18,191 PointsWhat you have currently will make the entire div have a red background. To change the text color you need to change your CSS to look like this:
.history {
background-color: red;
color: white;
}
This will make your .history div have a red background with white text. Hope this is what you were looking for.
Edwin Chau
Courses Plus Student 5,702 PointsEdwin Chau
Courses Plus Student 5,702 PointsI think I didn't past the code accurately
HTML****** <!DOCTYPE html> <html> <head> <title>City of Toronto</title> <link rel="stylesheet" href="../CSS/style.css"> </head> <body> <header> <h1>City of Toronto</h1> <h2>Edwin Chau</h2> </header>
<img src="../img/history.jpg" alt=""><div class="history"> <p>Toronto, on the north shore of Lake Ontario, is the largest of Canada's vibrant urban centres. It is the hub of the nation's commercial, financial, industrial, and cultural life, and is the capital of the Province of Ontario. People have lived here since shortly after the last ice age, although the urban community only dates to 1793 when British colonial officials founded the 'Town of York' on what then was the Upper Canadian frontier. That backwoods village grew to become the 'City of Toronto' in 1834, and through its subsequent evolution and expansion Toronto has emerged as one of the most liveable and multicultural urban places in the world today.</p>
<p>This presentation provides general audiences with a summary of the current scholarly consensus on the main themes in Toronto's past, with an emphasis on the characteristics of life here through time as well as the changes, issues, and influences that affected the shared experiences of its residents.</p>
<p>In addition to facts, historical studies are about interpretation, and there are many ways of viewing our heritage. Therefore, additional presentations on specialized topics will follow in the future, and we hope that other groups will use the Internet and other media to share their stories of Toronto's history in order to broaden the number of voices, increase discussion, and advance historical awareness for everyone's benefit.</p> </div> </body> </html>
*******HTML*****************