Rollover not functioning properly

billy · **Joined:** Wed Apr 22, 2009 3:07 pm **Posts:** 2

Please help.

I have used the advice on this website regarding rollovers. When I upload my site the rollovers appear as ? until you rollover the image. Can someone look at the code I have used below and see what I have done wrong

<A HREF="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4550933” target="_top"
onmouseover="document.sub_but.src='http://thislifecambodia.org/files/HowToHelp_Buttons_green 1.jpg'"
onmouseout="document.sub_but.src='http://thislifecambodia.org/files/HowToHelp_Buttons_white 1.jpg'">
<IMG SRC="http://thislifecambodia.org/files/HowToHelp_Buttons_white 1.jpg'" WIDTH="341" HEIGHT="44" BORDER="0" ALT="Move your mouse over me" NAME="sub_but">
</A>

the website address is http://www.thislifecambodia.org/This_Li ... elp_2.html

It would be so helpful for any advice. This website is for a non government charity helping kids in Cambodia.

Greatly appreciated,

Billy G.

iWebFAQ · **Posted:** Wed Apr 22, 2009 3:28 pm

Dear Billy,

you used spaces in the name of the images:

HowToHelp_Buttons_green 1.jpg
HowToHelp_Buttons_white 1.jpg

I guess that's what is causing the problems. On the web you should NEVER use spaces in the name of the files. Spaces are translated into "%20" on the web and that doesn't seem to happen when the page loads first, only when you rollover.

Hence rename the files to

HowToHelp_Buttons_green1.jpg
HowToHelp_Buttons_white1.jpg

without spaces and also apply this change to the code and you should be ok.

Regards,
Cédric

billy · **Joined:** Wed Apr 22, 2009 3:07 pm **Posts:** 2

Thank you for your reply, greatly appreciated.

Billy

scottibo · **Joined:** Thu Jul 02, 2009 5:58 pm **Posts:** 2

I have been testing the code that you have posted to create a rollover and have not had any success. The images that I created to appear don't show up but instead text saying "move your mouse over me" shows up. I was shooting for an image like you have as your example. Also it is linked to my Graphic_Design_Services.html page but when I click on it, it says: address not found. I really would love to learn how to use this feature. If you could help in any way-I'd really appreciate it!
THe page I'm trying to this on is
http://www.summedesign.com/Summe_Design ... rtest.html
Thanks Scott

iWebFAQ · **Posted:** Thu Jul 02, 2009 9:42 pm

I'm sure the code I posted on the page works.

The (non-existent) image on your website links to

http://%20www.summedesign.com/Graphic_D ... vices.html

%20 menas that there is a space in it (spaces get replaced by %20). Of course it doesn't work that way. You need to remove the space there.

Also the URL you specified to the image contains a space

http://%20www.summedesign.com/rolloverf ... rblack.gif

However even removing the space

http://www.summedesign.com/rolloverfile ... rblack.gif

the image can't be found (by entering the above URL in your browser the image should show up, which is not happening here).

The URLs you entered are wrong that's the reason why it's not working.

Make sure you uploaded the images to the right location on your server thorugh yout FTP application. Make sure you wrote the URL to it exactly as it is (capital letters if there are any etc.).

Regards,
Cédric

scottibo · **Joined:** Thu Jul 02, 2009 5:58 pm **Posts:** 2

Cédric, Thank you for your reply and for pointing out the spaces in the code. I have corrected. Can you give me additional help on "Make sure you uploaded the images to the right location on your server thorugh yout FTP application"? I created a folder containing the two images and put it in the folder on my computer containing this particular sight. In iWeb, I'm going under FIle, Publish Entire Site, to upload to my server. Is that not correct? The images aren't there and I don't know how to upload to the correct location as mentioned above....please help! Thanks much! Scott

iWebFAQ · **Posted:** Fri Jul 03, 2009 4:27 pm

Hi Scott,

when publishing from iWeb it uploads only stuff you see when opening iWeb. The images you placed somewhere on your computer or not part of it and don't get uploaded. To upload these images to your server you need to use an FTP application like Cyberduck. Placing them somewhere on your computer and using iWeb's FTP upload doesn't work.

For instructions on how to use Cyberduck read my Publishing and hosting FAQ

If you publish to MobileMe you need to put the folder containing the images in your iDisk/Web/Sites folder.

Regards,
Cédric