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 trialHasan Ali
10,452 PointsHi, 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
10,452 PointsOH! 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
11,968 PointsThe 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
Treehouse TeacherHi 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!
Hasan Ali
10,452 PointsHi 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%; }