Roll-over image link Options

[maria haugen]

Hi! I'm new here, and come from Norway, so sorry for my bad english.
I have a website, and i youse an FTP-program (Filezilla) to build (?) it. I youse just HTML-codes, and youse notepad (PHP).
Now i have a problem.. I have always yoused roll-over effect on my meny and other stuffs there, but now the code doesn't work anymore! So i need a new one. I have scratch a bit on google, but i can't find the code i need. Here is the code i yoused before:

<img src="http://websitename.com/picture1.gif" style="position: absolute; top: 650px; left: 284px;" height="200" width="200"></a>

<a href="http://websitename.com/random.php">
<img src="http://agnetej.host22.com/blank.png" class="domroll http://websitename.com/picture2.gif" border="0" style="position: absolute; top: 650px; left: 284px;" height="200" width="200"></a>

Does someone have a new code for me? Something like i yoused before.. please!

Again, sorry my bad english.

//Maria!

[pandy]

Hei!

There is no rollover code there. What do you use, JavaScript or CSS? Anyway, you've missed a closing quote here

CODE

class="domroll

and after that comes what looks like a value missing its attribute (and an opening quote).

CODE

http://websitename.com/picture2.gif"

Is the latter maybe supposed to be part of the value of an onmouseover?

[maria haugen]

Hei!

There is no rollover code there. What do you use, JavaScript or CSS? Anyway, you've missed a closing quote here

CODE

class="domroll

and after that comes what looks like a value missing its attribute (and an opening quote).

CODE

http://websitename.com/picture2.gif"

Is the latter maybe supposed to be part of the value of an onmouseover?

I use JavaScript..
But the code worked before.. But not now.. :-/
Well, i don't know..

[pandy]

So you've deleted the JavaScript bits maybe. There is no JavaScript there now and that would explain why it looks like a piece is missing.


Maybe it was something like this?

HTML

<img src="http://agnetej.host22.com/blank.png" class="domroll" onmouseover="this.src='http://websitename.com/picture2.gif'" onmouseout="this.src='http://agnetej.host22.com/blank.png'" border="0" style="position: absolute; top: 650px; left: 284px;" height="200" width="200">

[maria haugen]

So you've deleted the JavaScript bits maybe. There is no JavaScript there now and that would explain why it looks like a piece is missing.


Maybe it was something like this?

HTML

<img src="http://agnetej.host22.com/blank.png" class="domroll" onmouseover="this.src='http://websitename.com/picture2.gif'" onmouseout="this.src='http://agnetej.host22.com/blank.png'" border="0" style="position: absolute; top: 650px; left: 284px;" height="200" width="200">

hm.. nope.. not working..
the code has always bin like before.. because i have a "backup-code" of it.. and nothing is change.. :S so i don't know..
its a red cross in left corner of the "onmouseover".. The "outmouseover" work.

[maria haugen]

I took a print screen of it:

Outmouseover:


Onmouseover:


you see, its the outmouseover's problem..
when i click at the image, "amy's" infosite comes up, u know? but i don't get the problem..

[pandy]

Neither do I. Screen caps don't help really. Please post the URL to the page.

[maria haugen]

Neither do I. Screen caps don't help really. Please post the URL to the page.

http://mariahaugen.com/kaninene.php

[Darin McGrew]

It looks like it works to me, in Firefox, Chrome, Safari, and Opera (all on Mac).