Problem z onmouseover i onmouseout

[Pluto]

Witam, chciałbym prosić o pomoc. A mianowicie nie chcą mi działać aktywne przyciski.

Kod:

<div id="kontakt_">
            <a href="kontakt.html">
        <img id="o_nas" src="images/kontakt.jpg" width="103" height="59" alt="" /></a>
                <a href="index.html" onMouseOver='rollover.src="kontakt_1.jpg"'(obraz po najechaniu myszą)
                    onMouseOut='rollover.src="kontakt.jpg"'>(obraz standardowy)
                        <img src="kontakt.jpg" name="rollover" border="0"></a>
                            
                                  
</div>

Czy coś jest w kodzie źle? Bo szczerze mówiąc 2 dzień się zastanawiam co jest nie tak i jakoś nie mogę znaleźć odpowiedzi. Próbowałem też ze skryptami JS lecz też nic.

[maciejkk]

Spróbuj to zrobić przy pomocy CSS. Na przykład:

Kod:

a {
   display: block;
   height: 100%;
   width: 100%;
}
#kontakt {
    background:url(images/kontakt.jpg) top left no-repeat;
    height:12px;
    witdh:70px;
}
/* Po najechaniu */
#kontakt:hover {
    background:url(images/kontakt_1.jpg) top left no-repeat;
    height:12px;
    witdh:70px;
}

Kod HTML:

Kod:

<a id="kontakt"></a>

[Filuper112]

Tak. Ale jesli chcesz miec przejrzysty kod to lepiej z css zrobic zewnetrzny arkusz.

[Pluto]

Że tak zapytam. Jak to zrobić?

[Filuper112]

tu masz wszytko o zewnetrznych arkuszach stylow http://www.kurshtml.boo.pl/css/zewnetrzny_arkusz_stylow,wstawianie.html

[Kartofelek]

Wujek Google -> css rollover

[Pluto]

lajcik lajcik, poczytam