Basic Columns Code for Webpages
Sat May 27, 2017 10:26 pm
I've put this here mostly for my own benefit but you might also like to have a go at building a webpage directly on https://html-online.com/editor/ rather than doing it on a portal page first and then transfering it to an html page.
If you pick up the codes below and add them to the right hand box on that html online editor it will give you clean columns to work from to build your webpage on there.
Once you have built the basic page you can transfer it to an html page and then use the editor in view mode to change the size or colour of the text etc.
My Headers
One Column
Two Columns
Three Columns
Four Columns
If you pick up the codes below and add them to the right hand box on that html online editor it will give you clean columns to work from to build your webpage on there.
Once you have built the basic page you can transfer it to an html page and then use the editor in view mode to change the size or colour of the text etc.
My Headers
- Code:
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td><img title="Map" src="https://2img.net/u/3716/78/29/67/album/wsmap10.png" alt="Map" border="0" /></td>
<td style="width: 100%;"><span style="font-size: 32px;"><strong>Title</strong></span></td>
</tr>
</tbody>
</table>
One Column
- Code:
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td class="column" style="width: 100%;" valign="top">
Column One
</td>
</tr>
</tbody>
</table>
Two Columns
- Code:
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td class="column" style="width: 50%;" valign="top">
Column One
</td>
<td class="column" style="width: 50%;" valign="top">
Column Two
</td>
</tr>
</tbody>
</table>
Three Columns
- Code:
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td class="column" style="width: 33%;" valign="top">
Column One
</td>
<td class="column" style="width: 34%;" valign="top">
Column Two
</td>
<td class="column" style="width: 33%;" valign="top">
Column Three
</td>
</tr>
</tbody>
</table>
Four Columns
- Code:
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td class="column" style="width: 25%;" valign="top">
Column One
</td>
<td class="column" style="width: 25%;" valign="top">
Column Two
</td>
<td class="column" style="width: 25%;" valign="top">
Column Three
</td>
<td class="column" style="width: 25%;" valign="top">
Column Four
</td>
</tr>
</tbody>
</table>
Permissions in this forum:
You cannot reply to topics in this forum
|
|