Hi I was making this layout and i've decided to have rollover image links, anyway I was putting them together and they all fit nicely, then I was messing with my code to make it look tidier and now the images have white space to the right and underneath. Also my rollovers aren't working anymore. Can someone please look at my code and see if they can solve my problem?

Thanks :)

[edit]

I forgot the link D'OH ! :rolleyes:

http://www.geocities.com/mick_daman_2k/temp/index.html

1. for the spaces, place your tags right next to each other in your coding (no spaces between the specified tags). i know it looks bad in the coding part, but your webpage will view easier.

2. for the non-working part, it is because you named all of your images as "image1". each rollover image needs a different value so the browser knows exactly which image to affect.

small example of your corrected coding...

<img src="bar.gif" width="23" height="23"><a href="link.html" onMouseOver="document.image1.src='home2.gif'" onMouseOut="document.image1.src='home.gif'"><img src="home.gif" name="image1" border="0"></a><img src="bar.gif" width="23" height="23"><a href="link.html" onMouseOver="document.image2.src='pictures2.gif'" onMouseOut="document.image2.src='pictures.gif'"><img src="pictures.gif" name="image2" border="0"></a>

and keep changing the NAME values (and in the javascripts parts too) for each images down the line.

Thanks that helped but I have another problem now! I did what you said and the images are now fitting together properly. However, my code for the rollovers wont fit on one line, it only goes so far to the edge of my notepad screen then it starts on a new line. It does this for the links rollover which is why I think it doesnt work. Is there any way I can overcome this?

BTW: I am aware that my 'download' button looks bad. :)

http://www.geocities.com/mick_daman_2k/temp/index2.html

it only goes so far to the edge of my notepad screen then it starts on a new line. It does this for the links rollover which is why I think it doesnt work.

having notepad make it go down to the next line is ok. it is just wrapping the text down. for you, just take out all of your "return" or "enters" between each of the linked image tags and it will be ok. like this paragraph of text i am typing and you are looking at right now. it is all on the "same line" considering i have not yet hit my enter key. it just looks like it is on "many" lines considering text wraps automatically when it reaches the end of the window space. looking at your coding revised, you have done it correctly. good job.

the ending of your linked image coding needs a bit of adjustment and you should be set. change this at the end...
border="0"name="image5></a>
to this...
border="0" name="image5"></a>
you were missing a space and a quote.