Quin
-
Posts
3 -
Joined
-
Last visited
Quin's Achievements
Newbie (1/7)
0
Reputation
-
I made an image map with several hotspots using rollever images (mouseover). The original image is 100kb and I cannot go any less and it is 800x600 pixels. The rollover images are also 800x600 but it is only a small element in the picture that is highlighted/altered using photoshop. I don;t really want several 100kb images so I made the background of each rollover image transparent which then brought the memory dont to 30kb. Now, the problem is when I test it by moving the mouse over the hotspot, the rollover image appears but the transparent background in there is white color. I wanted the original image to show through the areas that aree transparent in the rollover image. Is there a way to do it? Or is there a way for the image over the hotspot a smaller dimension lets say 100x100 instead?
-
It is multiple images located at various spots, not listed. I went a different route by using image maps and mouseover/mouseout coding.
-
I am new to this with basic knowledge of html. I made a webpage using a single no repeat background image. I have a couple of buttons positioned at various locations on the background image using pixels. When I centered the background image, the buttons did not follow. I wanted to center it so that you can view it on any screen size. I thought the top left corner of the background image is 0px,0px, and regardless where the background image is positioned, the buttons will follow. What should I do? Any help will be appreciated. Thanks. Here is a simplified version of what I have so far...the lasted coding was adding "background-position:top center;", <html><head><style> body{background-image:url('backgroundimage.jpg');background-repeat:no-repeat;background-position:top center;} h1{position:absolute;left:518px;top:138px;}</style></head> <body><h1><a href="link"><img src="buttonimage.gif"></a></h1> </body></html>