HTML How to Make a Website Adding Pages to a Website Add Iconography

WANJYUN WANG
WANJYUN WANG
8,419 Points

only the icon of twitter.png didn't show up

/************************ PAGE: CONTACT ************************/

.contact-info { list-style:none; padding:0; margin:0; font-size:0.9em; }

.contact-info a { display:block; min-height:20px; background-repeat:no-repeat; background-size:20px 20px; padding:0 0 0 30px; margin:0 0 10px; }

.contact-info li.phone a { background-image:url('../img/phone.png'); }

.contact-info li.mail a { background-image:url('../img/mail.png'); }

.contact-info li.twitter a { background-image:url('../img/twitter.png'); }

WANJYUN WANG
WANJYUN WANG
8,419 Points

and the section in contact.html if it can help

<section> <h3>Contact Deatails</h3> <ul class="contact-info"> <li class="phone"><a href="tel:+--------------">+-----------------</a></li> <li class="mail"><a href="mailto:--------------@gmail.com">------------@gmail.com</a></li> <li calss="twitter"><a href="https://www.linkedin.com/in/wan-jyun-wang-4a1a31123/">WAN-JYUN,WANG</a></li> </ul> </section>

Moderator Edit: Censored personal information that was included in Comment Body. Adding personal information in a public forum could potentially cause problems with spammers / scammers.

1 Answer

Hi WANJYUN WANG. In the section of contact.html, the list tag for the twitter image has an error with the class attribute. The name was misspelled as "calss," so changing that to "class" should fix the issue.

WANJYUN WANG
WANJYUN WANG
8,419 Points

Bustling for 10min ,Thanks a lot