Help w/ rollover images not loading

[camcool21]

ok

I posted this in the CSS section grouped w/ a CSS question but apparently I need to ask here...

so here is my site: http://www.freewebs.com/jadedego/Index.html
It is for my band, and it will be my first fully designed site by hand.

the problem is the three images in the middle will not load properly, and I think it has to do w/ the javascript rollover effect I'm using...

Another possibility could be the free hosting I'm using. But I think it is the javascript.

When the webpage is opened in Firefox the little image that says there is a broken link appears But when you put your mouse over the image it begins to work...

Any and all help is very much appreciated

[ukgeoff]

You could achieve this same effect just using css and it would be the better way to go.

The problem is in your code. Three lines like this one:

Code: Select all

<img src"http://www.freewebs.com/jadedego/Index/crazy%5Ffire.jpg" name="crazyfire" width="170px" height="240" alt="Band Info" border="0" />

Immediately after the attribute shown in red there should be an =.

You also need to give your page a proper DOCTYPE and I suggest you place all your css in a seperate file which you then <link... into your pages.

[camcool21]

thx, kinda embarrassing I couldn't catch that little = sign that was causing all the trouble. I'll put some of the CSS on a seperate file but also keep some, and thx for the DOCTYPE hint, I usually use an editor that automatically includes it and for this page I didn't use it.

I love how helpful people are on this forum !!!

[Ryan Fait]

This is a good CSS resource.
http://www.tanfa.co.uk/css/examples/...o-preload2.asp