HTML/Dreamweaver help?

thats not a very good practice though. it can actually be done without having to have the browser load 5 seperate images.

make the image similar to this :



and then use css to adjust the position when hovered :

[HTML]
#mainlink:hover{
background-position: 0 0;
}
[/HTML]

granted, your images are just a few small ones, but its a good practice.

My only issue would be where I started. The image I want to use is tilted so that if each individual button overlaps the transparent part of each other, it sees the hotspot area only of the front most box, which means the lowest on the buttons works right while then others don't.

Another issue would be creating the single image rollover where each of the menu options has its rollover. It would be the case of one giant image versus 5 small images, and each small image is only about 3~5 kilobytes, which is very minimal.

I think a different approach would be using one image and using CSS to style each rollover section. It might not create the same colorful result but it may work well too.