Share
View previous topicGo downView next topic
avatar
Spherical
Owner
Posts : 21
Location : Australia
http://skin-crazy.forumotion.com

Basic Columns Code for Webpages

on 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://imgfast.net/users/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>
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum