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 trialFelix Torres
303 PointsSmells Like Bakin, Link Questions
Hey everyone, I've been slowly working my way through the Smells Like Bakin course, everything has gone well and I'm currently at CSS styling. One issue I have noticed is this. Once I changed the font color for my links they changed but the following was placed as a link as well;
[Cupcake of the week This week's featured cupcake is the Avocado-Chocolate Cupcake.]
http://codepen.io/anon/pen/BFDrK Here is my HTML, I'm not exactly sure what I did wrong.
P.S. Don't know how to put up my HTML without it showing up as text.
<div id="featured-cupcake" class="grid_7"> <h2>Cupcake of the Week</h2> <p>This week's featured cupcake is the <a ahref="#">Avocado Chocolate Cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p> <img src="Espada/img/featured-cupcake.jpg"> </div>
16 Answers
Felix Torres
303 PointsUPDATE: Continued through the lesson, when I was messing with the button I noticed it had gotten fixed. Not sure what exactly happened, but everything is working correctly now.
Anton Kalenik
4,639 Points"P.S. Don't know how to put up my HTML without it showing up as text."
Add 4 spaces before of the each line of the code or put your code in http://codepen.io/ and post link here
Felix Torres
303 Points<div id="featured-cupcake" class="grid_7"> <h2>Cupcake of the Week</h2> <p>This week's featured cupcake is the <a ahref="#">Avocado Chocolate Cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p> <img src="Espada/img/featured-cupcake.jpg"> </div>
Anton Kalenik
4,639 Pointsand your css too
Chase Lee
29,275 PointsFelix Torres, here is a thread on how to display code in the forum.
Felix Torres
303 PointsThank you!
Felix Torres
303 Points <div id="featured-cupcake" class="grid_7">
<h2>Cupcake of the Week</h2>
<p>This week's featured cupcake is the <a ahref="#">Avocado Chocolate Cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p>
<img src="Espada/img/featured-cupcake.jpg">
</div>
body {
font-family: 'Lobster', cursive;
color: #FAF3BC;
background: #420600 url('Espada/img/bg-texture.jpg') repeat;
}
a {
color: #4FB69F;
text-decoration: none;
}
Anton Kalenik
4,639 Pointscheck your path to style.css
Felix Torres
303 PointsI don't see anything wrong with it.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equi="Content-Type" content="text/html; charset=utf-8"/>
<title>Smells Like Bakin' Cupcake Company</title>
<link rel="stylesheet" href="Espada/normalize.css" type="text/css" media"screen">
<link rel="stylesheet" href="Espada/grid.css" type="text/css" media"screen">
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" type="text/css" media"screen">
</head>
<body>
Anton Kalenik
4,639 Points!!!!!!! ahref must be href
<a ahref="#">
Anton Kalenik
4,639 PointsDoes style.css lay in the same directory as index.html?
Felix Torres
303 PointsNo it doesn't
Felix Torres
303 PointsI put it in the same directory and my css broke a long with my images.
Anton Kalenik
4,639 Pointschange your pathes to correct: styles in /css folder and images in img folder. than change your styles to:
i think promblem in your pathes. put your styles to /css folder and images in /img folder and change your pathes to:
<link rel="stylesheet" href="css/normalize.css" type="text/css" media"screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media"screen">
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css" type="text/css" media"screen">
and
<img src="img/featured-cupcake.jpg">
and
background: #420600 url('../img/bg-texture.jpg') repeat;
Anton Kalenik
4,639 Pointsand <img src="Espada/img/featured-cupcake.jpg">
Felix Torres
303 PointsJust did this, but it doesn't seem that it's my paths.
Alisha Anglin-Pagan
Courses Plus Student 1,957 Points"<a ahref" is in correct should be <a href="#"....
Felix Torres
303 Points<p>This week's featured cupcake is the <a href="#">Avocado Chocolate Cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p>
Is this what you mean?
Felix Torres
303 PointsStill hasn't made a change. The links were fixed, but I still have the link color place on my title and part of my paragraph.
Alisha Anglin-Pagan
Courses Plus Student 1,957 Pointswhat folder is styles in?
Felix Torres
303 PointsI had Index.html on my desktop. Than Styles, was in a separate folder, I tried putting Index.html into the styles folder and it broke. So I put it back on my desktop.
Alisha Anglin-Pagan
Courses Plus Student 1,957 Pointsdid you change the link correctly when you moved it?
Felix Torres
303 PointsI noticed I hadn't done that afterwards, so i moved it and it was fixed. Though I'm still having issues with the title and paragraph. This is what it looks like.
Alisha Anglin-Pagan
Courses Plus Student 1,957 Points <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
Alisha Anglin-Pagan
Courses Plus Student 1,957 PointsJust noticed...its what Anton posted :p but yeah what he said.
Felix Torres
303 PointsThis is what it looks like.
Alisha Anglin-Pagan
Courses Plus Student 1,957 Pointsrepost the coding again please
Felix Torres
303 Points <div id="featured-cupcake" class="grid_7">
<h2>Cupcake of the Week</h2>
<p>This week's featured cupcake is the <a href="#">Avocado Chocolate Cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p>
<img src="Espada/img/featured-cupcake.jpg">
</div>
Alisha Anglin-Pagan
Courses Plus Student 1,957 Pointsweird, and you saved the files and then refreshed the browser correct?
Felix Torres
303 PointsYes I did, thankfully the links are clickable and everything is fine. Though I have no idea why the color isn't being specific to the links in that area.