Saturday, March 13, 2010

Two column post in Blogger: The Video


Creating a two column post may be of some use to you so this post shows how to do it. The video also shows how to add
two small images to either side of one column. The problem I had with the first post was with FireFox so it took a while to
sort it out. The HTML involves placing two div’s inside another I have called them ‘inside1’ and ‘inside2’ and placed these
two div’s inside one called outer. To edit text afterwards you need to do it in Edit Html for some reason it will not let you
in compose
The two images are placed by telling them to float either left or right. The second one can go anywhere but it is better to
place it inside the text rather than at the end. The style sheet widths can be changed however the 2 inside div’s should
total less than the outer allowing also for the padding. If your columns do not sit properly then change these numbers.
To save time with the video I cut and paste the code if you would like a copy of the text file Download Here. If you need help post a comment.

No comments:

Post a Comment