Social media buttons mit hover effekt

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Social media buttons mit hover effekt

    ich habe das problem das alles soweit funktoniert nur ist es so wenn man auf den twitter oder youtube button klick ich den facebook button im hintergrund immer seh egal bei welchen button

    /*
    <table border="0"><tr>
    <td>
    <a href="https://www.facebook.com/pages/Wildstar-Sindorei/674974245850637?fref=ts" target="_blank">
    <div class="facebook"></div></a>
    </td><td>
    <a href="http://www.twitter.de" target="_blank">
    <div class="twitter"></div></a>
    </td><td>
    <a href="http://www.youtube.de" target="_blank">
    <div class="youtube"></div></a>
    </td></tr></table>
    */

    CSS Datei
    /*Social Media Buttons
    ---------------------------------*/
    #facebook {
    background-image: url("/images/icons/facebook.png");
    background-size: 100%;
    width: 40px;
    height: 40px;}


    #facebook:hover {
    background-image: url("/images/icons/hover_f.png");
    background-size: 100%;
    cursor: pointer;}


    #twitter {
    background-image: url("/images/icons/twitter.png");
    background-size: 100%;
    width: 40px;
    height: 40px;}


    #twitter:hover {
    background-image: url("/images/icons/hover_t.png");
    background-size: 100%;
    cursor: pointer;}

    #youtube {
    background-image: url("/images/icons/youtube.png");
    background-size: 100%;
    width: 40px;
    height: 40px;}


    #youtube:hover {
    background-image: url("/images/icons/hover_y.png");
    background-size: 100%;
    cursor: pointer;}



    Home ganz unten das beispiel
Lädt...
X