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 How to Make a Website Adding Pages to a Website Add Iconography

Carson Clark
Carson Clark
2,159 Points

Image is repeating despite no-repeat.

Hello. I'm adding the twitter, mail and phone icons to the contact page (easier said than done) and for some reason the images keep repeating despite the fact that I specified for them not to. Take a look at my code and the result below:

http://i.gyazo.com/1b0c3262084694670a79660cbf793e42.png

http://i.gyazo.com/83524042939e815b0166e0634f2f93a9.png

Does anybody have any idea what's causing this as I'm completely stumped :L Thanks again for reading!

3 Answers

Hi Carson,

When setting the url for your 3 icons you used the shorthand background property and not background-image as used in the video.

When you use the shorthand property, all omitted values will be set to their default values. So even though you previously set it to not repeat it will be set back to the default repeat when you later use the shorthand property.

I have not completed this task yet however I have sore experience in html.

I believe that you should try putting the no repeat attribute after each ) of the image path.

try that and get back to the thread.

Carson Clark
Carson Clark
2,159 Points

Thank you both, you were right Jason!