To build your columns "from scratch" you now you need to copy and paste the following code into your test site if you have created one. I wouldn't advise using your published site unless you feel confident enough to do so.

<div class="columns">
 <div class="column"></div>
 <div class="column"></div>
 <div class="column"></div>
 <div class="column"></div>
</div>

This is a four column grid, once you have copied and pasted it into your site, you can increase the number of columns by copying and pasting. For example, if you need a six column grid, copy and paste two of the code and place it above the </div> tag. Just make sure they don't exceed the width of the main body area, as if they do the last column will automatically turn over to the next row.

To reduce the number of columns just delete the code not required. Once you have determined the number of columns required, you can then copy and paste the whole of the code for the number of rows required.



Join the Discussion
Write something…
Recent messages
RaeAnnePond Premium
Hi Harry,
I just looked at this training and it looks way over my head as you predicted, but that may be because I have not looked at the "creating a HTML grid" training yet. So I'll look at that and then come back to this. Thanks!
~ Rae Anne
Reply
Harrysastar2 Premium
Hi RaeAnne, the first step in "Creating Columns Using HTML" is very much the same as "Creating A HTML Grid" , but with further training on adding text in the columns. But if you think that may help you, certainly do it.
If you need any further help, please don't hesitate to contact me.
Reply
RaeAnnePond Premium
Thanks Harry! Have a great day!
Reply
AlexEvans Premium Plus
Thank you Harry, great tutorial just got a test site going so will have a crack.
Reply
Harrysastar2 Premium
Thanks Alexander, if you need any help give me a shout.
Reply
AlexEvans Premium Plus
Thank you Harry much appreciated, will let you know how I get on
Alexander
Reply
Tirolith Premium
Thanks for the lesson. I have done this before but have forgotten it. I need a refresher course .Tom.
Reply
Harrysastar2 Premium
Hi Tom, you're more than welcome.
Reply
Jozeph Premium
Thanks Harry, much appreciated
Bookmarked :)
J*
Reply
Harrysastar2 Premium
Thanks Joseph, how's it going? If you need any help, you know where to find me.
Reply
mijareze Premium
Thank you friend!
Ed
Reply
Harrysastar2 Premium
Any time Ed, and thanks for the reply.
Reply
Top