How to Pad a Buffered Image With White Space

One way to speed up large image downloads on your website is to add a buffering tag to your HTML code. You can also add padding to your buffered image to improve website visualization. By adding padding, you create space between your image and other images or text. By default, the color of the space around your image is the same color as your Web page background. To make the padding space white, add a colored border around your image.

Instructions

1. Log into the “Control Panel” of your website.

2. Click “File Directory.”

3. Locate the page (file) that contains the image you want to pad with white space. Click “Edit” to open the page for editing.

4. Locate the image code inside the HTML editor box. The image code should begin with <img src=”thenameofyourpicture.jpeg”>.

5. Add the following HTML code to your image tag:

   style=”padding:10px;” border=10 border color=white

   As an example, your edited code should now appear as follows:

   <img src=”thenameofyourpicture.jpeg” style=”padding:10px;” border=10 border color=white>

6. Click “Save” to save the changes to your image.

7. Repeat steps three through six for each image you want to add white padding to.

References

• The Pixel Boutique: Smart Girls Add Padding – Tutorial On Adding Padding To Your Images
• HTML Dog: Margins & Padding
• HTML Code Tutorial: HTML Border