[html] Moja pierwsza strona - Pomocy !

[Areecki]

Witam .
Wczoraj zacząłem się bawić w html.
Pisze w notepad++
I chce wstawić obrazek/gif przed tytułem linku, tak żeby po najechaniu na tytuł linku on się ruszał.
Funkcja wygląda tak ale rusza się cały czas.

<img src="katalog/strzal9.gif" alt="gif" class="gifeczek" /><b><font><a style="text-decoration: none" style="font-size: 18px" href="http://google.pl" target="_blank" rel="nofollow"title="Moja ulubiona wyszukiwarka"><font color="yellow">Wyszukiwarka Google</font></a></font></b><br>

Proszę o pomoc !

[Taex]

Jak już bawisz się w css to wywal pogrubienie i ustawienie czcionek stąd i wrzuć do css
No i pokaż klasę "gifaczek"

[Marcin]

Robisz coś takiego w CSS najpierw:

Kod:

a.gifek {
font-size: 18px;
text-decoration: none;
color: #fff200;
padding-left: 10px; /* w zależności jak szeroki jest ten gif */
}
a.gifek:hover {
text-decoration: none;
background: url(katalog/strzal9.gif) left no-repeat;
}

I teraz w pliku html robisz sobie takie coś:

Kod:

<a href="http://google.pl" target="_blank" rel="nofollow"title="Moja ulubiona wyszukiwarka" class="gifek">Wyszukiwarka Google</a>

Nie wygląda to lepiej?