Home
1
Border on Hovering over an Image Sat Feb 13, 2010 1:01 am
Sanket
Administrator
Posts : 6222
Points : 392
Location : Mumbai
Browser :
Border on Hovering over an Image Border on Hovering over an image |
Hello Everyone  This is a tutorial to make multiple clickable images to have a border on hover. It gives a nice effect to the image. We can use this to highlight just one image if we want to. But in this tutorial we will play around with 6 images to make it look better. Enter this code into your HTML Page.
With the above code we make the 6 images look as though they are in a table. Remember i have used same size images, using different size images would not have a similar effect as shown.  Since now you have seen the demo, you will see that there is already a light border around the image. When you hover over the images you see a red border instead of the light border. We have defined those borders via CSS. As you can see in the style tags #ccc Defines the Light Border #FF3300 Defines the Red border You can change these colors to whatever you want. The rest of the html code is the normal code which we generally use. Thank you  |
| Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |
Last edited by Sanket on Sun Oct 24, 2010 3:57 pm; edited 1 time in total
