you are here: Home arrow HTML/CSS arrow Simple Borders around your images
Simple Borders around your images
User Rating: / 0
PoorBest 
Sunday, 23 April 2006

Simple Borders around your images

This tutorial with guide you through how to add a simple border around your images.

1.

There are 2 ways of doing this. You can either put the border code in the CSS section and give the image a class or put the border code directly in to the img tag.

2.

In your image tag:

<img xsrc="image.jpg" height="40" width="40" alt="Image" border="0" />

 

You need to add the style attribute then type in:

border: 1px solid #666666; padding: 5px;

 

Or you just add this code to your css and add the class to the image.

For some examples of different borders click here

There are a few problems with compatibility between browsers.





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
< Prev
Based on valid XHTML 1.0 and CSS 2.0 code design by:pixelsparadise.com