The idea is very simple: Instead of manually adding borders to your photos or images, you use CSS. If you change your layout style, you will only have to change a few things in your stylesheet and all of your images will be changed at once.

For beginners I'd like to explain further: the code bit found below the headline "CSS code part" is to be placed in your stylesheet (your whatever-you-call-it.css file). Now, when the coding is pasted and uploadet you can use it by adding this part in your image code class="name of the style". The name is what's after the . but before the {. You may change this to whatever you like.

1: Simple

CSS code part: .border1 { border: 1px solid #000000; } Image code part <img class="border1" src="IMAGE URL HERE" alt=" ">

2: Elegant

CSS code part: .border2 { background-color: #ffffff; padding: 5px; border: 1px dotted #d4d6d2; } Image code part <img class="border2" src="IMAGE URL HERE" alt=" ">

discuss this topic to forum