Webboard

Pełna wersja: Tło obrazkowe linku - jak ustawić?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.9
adres forum: FerryCraft - Intro
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Cześć. Otóż chciałem ustawić ikonkę facebooka (mam 2) i gdy się kliknie w nią to przenosi na facebooka serwera. Tylko że mi coś nie wychodzi.. :/

Kod mam taki:
Kod:
<a href="http://www.facebook.com/pages/Ferry-Craft/529973067041977?fref=ts" title="Nasz Facebook" class="facebook">&nbsp;</a>
A CSS:
Kod:
.facebook {
       background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
        position: absolute; top: 110px; left: 10px;
}

.facebook:hover {
         background: url(images/ferry/icons/facebook.png) no-repeat;
}
Ścieżki dostępu do obrazków są na 100% dobre. I przy takim kodzie w/w nie pokazuje mi nawet linka. O co chodzi??
Ustaw wielkość klasy .facebook (width,height).
Teraz klasa wygląda tak:
Kod:
.facebook {
       background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
        position: absolute; top: 110px; left: 10px;
       height: 32px;
        width: 32px;
}

.facebook:hover {
         background: url(images/ferry/icons/facebook.png) no-repeat;
}
Ale w ogóle linku nie pokazuje, ani obrazka.
Zobacz tak
Kod:
.facebook {
background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
position: absolute;
height: 120px;
width: 130px;
left: 10px;
top: 10px;
}
Hmm... Mam problem z dodaniem następnego odnośnika..
Tak wygląda moja klasa CSS:
Kod:
.youtube {
background: url(images/ferry/icons/youtube2.png) no-repeat;
position: absolute;
height: 64px;
width: 64px;
left: 10px;
top: 210px;
}

.youtube:hover {
         background: url(images/ferry/icons/youtube.png) no-repeat;

}

A tak kod HTML:
Kod:
<a href="http://www.youtube.com/user/DanxSG?feature=watch" title="YouTube Właściciela" class="youtube">&nbsp;</a>

Fail, nie zapisałem szablonu :D