Skin Crazy

Skin Design and Templates for Forumotion
 
HomeRegisterLog in

Share | 
 

 Basic Columns Code for Webpages

View previous topic View next topic Go down 
AuthorMessage
Spherical
Owner
avatar

Posts : 20
Location : Australia

PostSubject: 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://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>
Back to top Go down
http://skin-crazy.forumotion.com
 
Basic Columns Code for Webpages
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Skin Crazy :: Codes-
Jump to: