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

Posted by chanice
chanice
747 Points

If there is someone having problem with the resume.css not modifying the image to rounded, click here to see a solution!

Before start the course I learned in somewhere that we can put a class and a ID at html elements or tags because some browsers don't respond to our command code wrote on stylesheet using a class, so in this case we can add a id in img tag, like this: <img id="first-image">.

And then in resume.css file add:

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

I'm sorry for my bad english. if you can't understand, feel free to ask and i'll explain it better as soon as I can.

3 Answers

chanice
chanice
747 Points
chanice
chanice
747 Points

In resume.css, before add first-image selector id add this symbol # ( I hope it appear here ) or search for the id selector used on CSS ( known as a “hash” or “pound sign )

Al Robinson
Al Robinson
727 Points
Al Robinson
Al Robinson
727 Points

Thankyou for explaining this, I dont understand it though (sorry).

what's a 'selector id'? at what point would you add a hash?

could you give an example please?

thanks

chanice
chanice
747 Points

A selector is what we call to those elements on css file, For example: on html file we put a selector class like 

<p class="title-paragraph"></p>

title-paragraph is a selector that connect this class on html file to css file, On css file it will be like: 

.title-paragraph {
         background-color: black
         padding: 5px
}

So ID is like class. on html file we write like this: 

<p ID="paragraph-custom"></p>

and on css file the ID be like this:

#paragraph-custom {
         background-color: black
         padding: 5px
}

So on html file you put both selectors from css in case browsers dont respond to one so will respond to other. example in html file:

<p class="title-paragraph" ID="paragraph-custom"></p>

and in css file you put:

.title-paragraph {
         background-color: black
         padding: 5px
}
#paragraph-custom {
         background-color: black
         padding: 5px
}

I'm a bad teacher I know lol, But i hope now you can understand. If can't understand, let me know.

Al Robinson
Al Robinson
727 Points
Al Robinson
Al Robinson
727 Points

ok i understand, thankyou