Skin Crazy
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Go down
Spherical
Spherical
Owner
Posts : 21
Location : Australia
https://skin-crazy.board-directory.net

Basic Columns Code for Webpages Empty 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

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>
Back to top
Permissions in this forum:
You cannot reply to topics in this forum