html - See link when linked to image -


so made clickable mail icon on site. problem icon clickable can see link beside it, know why still shows link beside icon? new html , css i'm sorry if code messy.

this mean

html code

<div id="social">     <div id="images">         <span class="twitter">             <a href="https://www.twitter.com/powerjaxx" target="_blank"><img  src="img/twitter_social_icon_blue.png" alt="twitter" width="48" height="48"/></a>         </span>         <span class="twitch">             <a href="https://twitch.tv/powerjaxx" target="_blank"><img src="img/glitch_purple_rgb.png" alt="twitch" width="48" height="48"/></a>         </span>         <span class="email">             <a href="mailto:powerjaxx@gmail.com?subject=contact" target="_blank"><img src="img/email-48.png" alt="email" width="48" height="48"/> </a>         </span>         <span class="github">             <a href="https://github.com/powerjaxx" target="_blank"><img src="img/github-mark-48px.png" alt="github" width="48" height="48"/></a>         </span>     </div> </div> 

css code:

.social {     width: 100%;     margin-top: 50px;  }  #social {     font-family: 'robonto', sans-serif;     text-align: center;     font-size: 20px;     font-size: 1.9vw;     letter-spacing: 5px;     color: #fffcfc;     margin-bottom: 0px; }   #images {     text-align: center; }  .twitch {     margin-right: 1vw;     margin-left: 1vw; }  .twitter {     margin-right: 1vw;     margin-left: 1vw; }  .email {     margin-right: 1vw;     margin-left: 1vw; }  .github {     margin-right: 1vw;     margin-left: 1vw; } 

thanks in advance

that's funny. i've never seen happen.

your anchor tag has space in it. it's anchor tag in "email" span tag.

try this:

.social {  width: 100%;  margin-top: 50px;    }    #social {  font-family: 'robonto', sans-serif;  text-align: center;  font-size: 20px;  font-size: 1.9vw;  letter-spacing: 5px;  color: #fffcfc;  margin-bottom: 0px;  }      #images {  text-align: center;  }    .twitch {    margin-right: 1vw;  margin-left: 1vw;  }    .twitter {    margin-right: 1vw;  margin-left: 1vw;  }    .email {    margin-right: 1vw;  margin-left: 1vw;  }    .github {    margin-right: 1vw;  margin-left: 1vw;  }
    <div id="social">      <div id="images">   <span class="twitter">   <a href="https://www.twitter.com/powerjaxx" target="_blank"><img  src="img/twitter_social_icon_blue.png" alt="twitter" width="48" height="48"/></a>   </span>     <span class="twitch">     <a href="https://twitch.tv/powerjaxx" target="_blank"><img src="img/glitch_purple_rgb.png" alt="twitch" width="48" height="48"/></a>     </span>     <span class="email">      <a href="mailto:powerjaxx@gmail.com?subject=contact" target="_blank"><img src="img/email-48.png" alt="email" width="48" height="48"/></a>    </span>      <span class="github"><a href="https://github.com/powerjaxx" target="_blank"><img src="img/github-mark-48px.png" alt="github" width="48" height="48"/></a>      </span>      </div>      </div>


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -