Ok, you've got your images in place using the code below, although your code will be different:

<div class="column"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/wa_like_to_earn-300x300.jpg" alt="wa_like_to_earn" width="120" height="120" class="alignnone size-medium wp-image-73" />

To insert the text you now need to place the following code in each column at the end of the image code between the /></div> tags. This is the code I used in creating this training:

<h3 style="font-size: 12pt; text align: left; text-transform: uppercase; color: #352ece; font-weight: 600; margin-top: -45px;">price</h3>

<h2 style="font-size: 14pt; text align: left; text-transform: uppercase; color: #e60000; font-weight: 600; margin-top: -15px;">$00.00</h2>

<p style="width: 120px; margin-top: -10px;">Pulvinar luctus ullamcorper. Porttitor scelerisque commodo tincidunt ultricies donec posuere id eleifend.</p>

You can copy and paste the above code as is and change the data between the tags accordingly, but I would recommend copying and pasting each section of code individually, change the data between the tags, then preview. This will give you a better understanding of how columns are built and show you if your are on the right track.

You can rearrange the code to alter the position of the images, text, etc. I'll explain how to do this in the following pages.




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