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 trialCarson Clark
2,159 PointsImage 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
Jason Anello
Courses Plus Student 94,610 PointsHi 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.
Thomas Regan
2,032 PointsI 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
2,159 PointsThank you both, you were right Jason!