Problem mit meinem code

[silent033]

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

 

[Space Vampire]

Kann das Problem nicht nachvollziehen.
Bei mir kommen die passenden Hoverimages.

 

[harryman]

Mal abgesehen davon, dass die Hovers bei mir auch kommen, ist dein Code aber nicht so ganz OK. Vieleicht liegt es daran...

Wenn du dem Tag eine Klasse zuweist, z.B.

<div class="youtube"></div>

dann müsste sich dein CSS auch auf die Klasse beziehen:

.youtube:hover {...

du schreibst

#youtube:hover {...

und der Lattenzaun steht für die Referenz zu einer ID, also so etwas:

<div id="youtube"></div>