Sam Weeks
Front End Web Development Techdegree Student 16,699 PointsSubstring selectors not working to load icons...
any one know where i may be going wrong... any help much appreciated. Thanks You :)
1 Answer
KRIS NIKOLAISEN
54,575 Points1) You are missing a colon between background-size and 18px 18px.
2) You will want to use href$ instead of href^ for the extension since it comes at the end when setting the image
a[href^="http:"] {
color: #52bab3;
text-decoration: none;
background-repeat: no-repeat;
background-size: 18px 18px;
padding-left: 25px;
}
a[href$=".pdf"] {
background-image: url('../img/icn-pdf.svg');
}
a[href$=".jpg"] {
background-image: url('../img/icn-picture.svg');
}
a[href$=".zip"] {
background-image: url('../img/icn-zip.svg');
}
Sam Weeks
Front End Web Development Techdegree Student 16,699 PointsThank you I did figure it out in the end It was the semi-colon that was the major issue, thought I was going mental . Thank you KRIS NIKOLAISEN for the quick response and help though much appreciated :).
Sam Weeks
Front End Web Development Techdegree Student 16,699 PointsSam Weeks
Front End Web Development Techdegree Student 16,699 Pointsa[href^="http:"] { color: #52bab3; text-decoration: none; background-repeat:no-repeat; background-size 18px 18px; padding-left: 25px;
}
a[href$=".pdf"] { background-image: url('../img/icn-pdf.svg'); }
a[href^=".jpg"] { background-image: url('../img/icn-picture.svg'); } a[href^=".zip"] { background-image: url('../img/icn-zip.svg'); }