Mouse over på et billede

Det kan du overhovedet ikke. :)

Det fungerer sådan her:
HTML er til at definere objekterne på siden og deres egenskaber.
CSS er til at style objekterne med.
JavaScript er til alle handlinger, som skal udføres af siden.

I enkelte særtilfælde kan en af de 3 gå ind og erstatte nogle funktioner for en af de 2 andre, men man bør _altid_ bruge det sprog, som er opfundet til formålet.

Og til mouseover har man JavaScript!

Derfor er mouseover-attributten indhold også som standard JavaScript.

<img src="billedet.jpg" onmouseover="this.src='billedet2.jpg'" onclick="window.location.href='nyside.htm'">

Glemte: Mouseover er en handling, derfor skal man bruge JavaScript til det.

Det kan ikke passe at man ikke kan uden Java - jeg har lige prøvet at ligge denne kode ind:

<a href= http://mit-domæne.dk  onMouseOver= "if (document.images) document.mail.src= 'pics/mail-o.gif';" onMouseOut= "if (document.images) document.mail.src= 'pics/mail.gif';"><img src="http://pics/mail.gif" name=mail border=0></a>

Og det virker rigtig fint - lokalt og på vores webhotel - men ligger vi det op på en entern server så virker mouse over ikke (det har virket før med java - men nu er det intet der virker)

Man kan lave noget af det med CSS, men det bliver rodet og nogle browsere vil ikke kunne følge med, og så er det i øvrigt ikke det, som CSS er beregnet til.
Derimod bruger man JavaScript til netop dette (bemærk at Java er et helt andet sprog ;)

I din kode er det meste af JavaScript-delen meget forældet. F.eks. har document.images været det i mange år nu.

Det skal gøres sådan her:

<a href="http://mit-domæne.dk">
  <img style="border:0" src="pics/mail.gif" onmouseover="this.setAttribute('src','pics/mail-o.gif')" onmouseout="this.setAttribute('src','pics/mail.gif')">
</a>

Og det vil 100% kunne komme til at fungere både lokalt, globalt, internt og eksternt. :)

Hvilket sprog ville du dog bruge, hvis det ikke måtte være i JavaScript?

Jo css indeholder en meget ny funktion der hedder:
img:hover {}
, men den kan(såvidt jeg ved) kun bruges i IE7.

Og forresten virker img:hover kun med !doctype'en for html 4,01 øverst på siden.

Lige præcis. :)
JavaScript er jo - i modsætning til CSS - beregnet til at foretage dynamiske handlinger og - vil jeg mene - dermed meget bedre egnet til formålet.
Og hvis man gerne vil have det til at virke i andre browsere end IE7, har man ikke meget valg.

Desuden er Java noget helt andet end JavaSript!

<ole>

"Og forresten virker img:hover kun med !doctype'en for html 4,01 øverst på siden" >> Nej, det fungerer med alle nyere doctypes.

Der er intet somhelst logisk ved at bruge CSS til dette. Desværre fik man stoppet hover ved a-elementer ind under CSS på et tidspunkt, hvor strukturen i logisk opdeling af websidens forskellige komponenter var udviklet.

Der har været - og er til stadighed - heftig diskussion i W3C om brugen af hover. Hensynet til vane og kodernes træghed omkring udvikling af kodestil ser foreløbig ud til at have vundet.

På den anden side betyder det, at man kan en ting, jo ikke, at man absolut skal  ;o)

/mvh
</bole>

Ups, der skulle selvfølgelig stå:
    "hvor strukturen i logisk opdeling af websidens forskellige komponenter endnu ikke var udviklet."

- hvilket jo er det stik modsatte  ;D