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 Introduction to HTML and CSS (2016) Adding a New Web Page Write the CSS

Hasan Ali
Hasan Ali
10,452 Points
Posted by Hasan Ali
Hasan Ali
10,452 Points

Hi, Treasure When I try to enter the CSS for the .main-image it is not working as it seems to stay square, HELP!

.main-image { border: solid 4px black; border-radius: 50%; }

This does not seem to be working?!

4 Answers

Hasan Ali
Hasan Ali
10,452 Points
Hasan Ali
Hasan Ali
10,452 Points

OH! I've found the problem there wasn't a "=" in my class="main-image" ....Silly me!

Thank you for the help by the way!

Graham Tonelli
Graham Tonelli
11,968 Points
Graham Tonelli
Graham Tonelli
11,968 Points

The border radius property does actually accept percentage units. Can you post your HTML? Make sure the image you are trying to select has the attribute and value 'class="main-image"'

Hope thos helps!

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! This is going to be easiest to troubleshoot for you if we can see a snapshot of your workspace. This will allow us to make a copy of it so that we can take a look around.

I'd like to point out that Graham Tonelli is correct. The border-radius property does support percentage values.

But before we start looking at your code, let's check some basics first. Make sure you've saved your file. Launch the preview again and refresh the web page. If it's still not working, try clearing your browser cache. It may be loading in cached data instead of your changes. If none of these work, then we really will need to see a snapshot to be able to assist you further.

Good luck! :sparkles:

Hasan Ali
Hasan Ali
10,452 Points
Hasan Ali
Hasan Ali
10,452 Points

Hi Thank you for the support,

The HTML is...

<!DOCTYPE html> <html> <head> <title>Hasan ALi's Kingdom</title> <link rel="stylesheet" href="resume.css"> </head> <body> <img src="http://placeimg.com/200/200/arch" alt"Hasan Ali, Web Developer" class"main-image"> <h1>Hasan Ali, Software Developer and Entrepreneur</h1> <h2>Summary of Qualifications</h2> <ul> <li>WordPress Web Design</li> <li>Java Script </li> <li>PHP</li> </ul> </body> </html>

The CSS is.....

body { font-family: "Arial" }

.main-image { border: solid 4px black; border-radius: 50%; }