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

CSS CSS Selectors Selectors - Beyond the Basics Attribute Selectors Challenge

Posted by Ian TeGrootenhuis
Ian TeGrootenhuis
6,227 Points

How am I not completing the task?

The task asks for me to set the border radius to 50% which I have done.

style.css 
/* Complete the challenge by writing CSS below */
img [title="avatar"] {
    border-radius: 50%
}
index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="">

          <label for="un">Username:</label> 
          <input type="text" id="un">

        <label for="pw">Password:</label>
        <input type="password" id="pw">

          <input type="submit" value="Sign up">
        </form>
    </div>
</body>
</html>
Zack Taylor
Zack Taylor
9,021 Points
Zack Taylor
Zack Taylor
9,021 Points

/* Complete the challenge by writing CSS below */ img [title="avatar"] { border-radius: 50% }

your need to close the statement my friend. >> ; <<

.... /* Complete the challenge by writing CSS below */ img [title="avatar"] { border-radius: 50% ;
} Try that and hope that helps

3 Answers

Ian TeGrootenhuis
Ian TeGrootenhuis
6,227 Points
Ian TeGrootenhuis
Ian TeGrootenhuis
6,227 Points

adding the ";" didn't work.

Zack Taylor
Zack Taylor
9,021 Points
Zack Taylor
Zack Taylor
9,021 Points

I have noticed when you don't add the [title ="avatar"] the code does "NOT" work.

Try adding....

/* Complete the challenge by writing CSS below */ img { border-radius: 50%; } Try this....

Ian TeGrootenhuis
Ian TeGrootenhuis
6,227 Points
Ian TeGrootenhuis
Ian TeGrootenhuis
6,227 Points

I fixed it. It was the space I had in between "img" and "[title...."