Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[html] Moja pierwsza strona - Pomocy ! - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [html] Moja pierwsza strona - Pomocy ! (/thread-html-moja-pierwsza-strona-pomocy)



[html] Moja pierwsza strona - Pomocy ! - Areecki - 09-01-2009

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.

Cytat:<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 !


RE: [html] Moja pierwsza strona - Pomocy ! - Taex - 09-01-2009

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


RE: [html] Moja pierwsza strona - Pomocy ! - Marcin - 10-01-2009

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? Smile