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 susannekreger
susannekreger
2,420 Points

Assigning a Border Radius to an Image

"bummer" says this is not the way to assign a border radius of 50%. So what IS the correct way to do this?

img [title="avatar"] { border-radius: 50%; }

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>

3 Answers

richardwheeler
richardwheeler
8,332 Points
richardwheeler
richardwheeler
8,332 Points

I did the test 3 times, with and without the space and it said incorrect. Even though the code above without a space is in fact correct. I logged out and back in then did it again, and it worked with first time. It may have just been a glitch. Try without the space and if that doesn't work log out and then back in.

Laurence Foley
Laurence Foley
16,695 Points
Laurence Foley
Laurence Foley
16,695 Points

There should be no space beetween img [title="avatar"]

susannekreger
susannekreger
2,420 Points
susannekreger
susannekreger
2,420 Points

I figured it out right after I posted the question. Missing space was indeed the problem. Thank you anyways for your help!