HOME
   HTML TUTORIALS
   HTML EDITOR
   COLOR CHART
   TEMPLATES
   RESOURCES
   PROMOTION
   HOSTING
 
 
 
   SEARCH
   LINK TO US
 

Do you find this website helpful?
Help us by making a donation.
All donations go back to promote ebay stores.


 




Cash Register, POS, Credit Card Printer Ink Ribbons
 

 

 

 
 
 




Template page 1, basic tables.

The tables on this page are very basic but it will give you an idea of what you can do.  I will start with the most basic and work toward the more advanced.  Regarding text alignment,  it is my belief that Align=left is the preferred method.  Since we in the western world do learn to read from left to right I feel it is much easier for the eye to follow the text, so you won't see align=center on any of my templates.  All of my templates are set at width= 90%, meaning that each template will occupy 90% of the viewers screen horizontally.

Changes to make before using a template.

Border=1, replace with 0 for no borders or a larger number for larger borders.
Change the image source to your location, i.e. "http://yourdomain.com/pic.jpg"
change the width and height attributes to reflect the actual size of your picture.
Type your description @ "Description here"
Adjust the width, width is set in %, to set in pixels, remove the % and enter the number of pixels, the pixels per cell (horizontally) must add up to the total width of the table.


Template 1 

 
Description here.

HTML for template 1.
 

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; font-family:Verdana; font-size:10pt; color:#000000" bordercolor="#111111" width="90%">
<tr>
<td width="100%" align="center">
<img border="0" src="images/apples.jpg" width="110" height="110"></td>
</tr>
<tr>
<td width="100%">Description here.</td>
</tr>
</table>
 



Template 2

 

Description here

HTML for template 2
 

table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; font-family:Verdana; font-size:10pt; color:#000000" bordercolor="#111111" width="90%">
<tr>
<td width="50%" align="left" valign="top">Description here</td>
<td width="50%" align="center">
<img border="0" src="images/bananas.jpg" width="110" height="110"></td>
</tr>
</table>
 




Template 3


 

Description here Description here


HTML for template 3
 

 <table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse; font-family:Verdana; font-size:10pt; color:#111111" bordercolor="#111111" width="90%">
<tr>
<td width="50%" align="center">
<img border="0" src="images/bananas.jpg" width="110" height="110"></td>
<td width="50%" align="center">
<img border="0" src="images/avocado.jpg" width="110" height="110"></td>
</tr>
<tr>
<td width="50%">Description here</td>
<td width="50%">Description here</td>
</tr>
</table>

 


More basic templates-->


 


 
 

Google



Home | HTML Tutorials | HTML Editor | Templates |  Resources | E-mail
 Copyright 2004 - 2008 xample.net

 
 



More help sites

 
Need Help?
checkout
Bob's
Tips


 

Lesley Feeney
Resources