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

HTML

Smells 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

UPDATE: 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.

"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

<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>

http://codepen.io/anon/pen/BFDrK

and your css too

Chase Lee
Chase Lee
29,275 Points

Felix Torres, here is a thread on how to display code in the forum.

Thank you!

    <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;
}

check your path to style.css

I 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>

!!!!!!! ahref must be href

<a ahref="#">

Does style.css lay in the same directory as index.html?

No it doesn't

I put it in the same directory and my css broke a long with my images.

change 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;

and <img src="Espada/img/featured-cupcake.jpg">

Just did this, but it doesn't seem that it's my paths.

<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?

Still 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.

I 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.

I 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.

http://imageshack.us/photo/my-images/21/imdj.png/

Alisha Anglin-Pagan
PLUS
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
Alisha Anglin-Pagan
Courses Plus Student 1,957 Points

Just noticed...its what Anton posted :p but yeah what he said.

    <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
PLUS
Alisha Anglin-Pagan
Courses Plus Student 1,957 Points

weird, and you saved the files and then refreshed the browser correct?

Yes 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.