Hover/mouseover tag question

[Bean824]

Hi everyone. I'm taking A Level ICT, and need to put together a website. I've decided to be a little flash with it but need a little pointer for the code.

My website is based upon a travel agents, so I want to make a map of the world with various cities highlighted on it. I'd like it so that a hover /mouseover tag will activate whenever a city is hovered over.

So if you imagine it as a small dot and the city name being on this map. When it's hovered over, it would increase in size slightly, becoming more visible, so the user would know what is being selected.

The problem is, although I'm fluent in HTML and some CSS, I just have no idea how to get started on this. Could any of you point me in the direction of some guides that would be helpful for me? (I'd obviously be looking myself, but I'm new so may not know the full secrets of this site!)

I hope you can all help. Thanks for your time

~Bean824

[Bean824]

Hi again everyone. I've managed to a bit of this on my own. I've used <a href="http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm">this</a> guide to create the hovering information box on an image link. However, I need that for different hotspots on the same image, for each city. So, box would disappear as you move off of one hotspot, but would appear when you move onto another hotspot. Is this possible? Thanks everyone.

[Medyman]

Yes, by using an image map (http://www.image-maps.com/).