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

Icon logo showing cut off

/************************** 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{ background-image:url('../img1/phone.png') }

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

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

1 Answer

Tomas Novy
Tomas Novy
8,992 Points

Hi Gregory,

You forgot select anchor element 'a' inside .contact-info li.phone a { }. Please find below code which should be OK.

.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('../img1/phone.png')
}

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

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