Zmiana obrazka na okienko z informacją po najechaniu na obrazek

Tak jak w temacie potrzebuję pomocy ze zmianą obrazka na okienko z informacją po najechaniu na obrazek.

Oto mój kod HTML którym dodaję obrazek (musi być taki):

<p><center><a href=“http://asdas.pl”><img src=“images/forum.png” width=“230” height=“131” />    <a  href=“http://asdas.pl”><img src=“images/portal.png” width=“230” height=“131” /></center></p>

 

Kod podany wyżej dodaje dwa obrazki obok siebie, tu jest live: http://cs-pogram.pl/new/

Możesz użyć w stylu css metody hover, czyli ustawić jako tło znacznika a to: “images/forum.png”, a jako tło a:hover ustawić to “images/portal.png”

.

Dzięki, czy mógłbyś podać kod który muszę wpisać w css ?

Dopiero zaczynam :slight_smile:

Tu masz przystępnie i po polsku opisane - http://goo.gl/33W3jb

Czytając to czułem się jak na matematyce :D 

Tylko że w tym “poradniku” chodzi o tekst i zmianę koloru a moje pytanie dotyczy tego aby po najechaniu na obrazek wyświetlało się na jego miejscu okienko z informacją.

Proszę o kod jeśli to nie problem.

W html wpisujesz tak:

<a href="adres_odnosnika"><div id="odnosnik"></div></a>

a w CSS tak:

#odnosnik
{
width: ; //szerokość taka jaką ma twój obrazek tła
height: ; //wysokość
background-image: url(link_do_tla);
}

#odnosnik:hover
{
width: ; //szerokość taka jaką ma twój obrazek tła
height: ; //wysokość
background-image: url(link_do_tla_po_najechaniu);
}

<a href=“adres_odnosnika”><div id=“odnosnik”></div></a>

Dodaję obok obrazka który chce aby się zmieniał tak ?

Poczytaj troszkę o HTML i CSS proszę. @luckiblue, wszystko Ci napisał, ba nawet wykomentował.

A może coś takiego?

 

PS. Uprzedzając, wersja z odnośnikami.