Two column in FullwidthPage template

I would like your feedback on something

In some of my FullWidthPages I need to create a list of topics, some with a image to the left.

I am sticking to the 285px thumbnailsize for the image

They layout should be like this:

| ### 285px image ### | | ### 600px text space ### |
| ### 285px image ### | | ### 600px text space ### |
| ### 285px image ### | | ### 600px text space ### |
| ### 285px image ### | | ### 600px text space ### |


I have solved it by creating the following custom style:

Code:

.vertlinks ul { list-style-type: none;}
.vertlinks li { margin: 0 5px 5px 5px; float: left; overflow: visible; padding-top: 4px; list-style-type:none; }
.vertlinks300 { width:300px;}
.vertlinks600 { width:600px;}

An in the page text, I add this code:

Code:

<ul class="vertlinks">
    <li><div class="vertlinks300">285px image </div></li>
    <li><div class="vertlinks600">600px text </div></li>
 
    <li><div class="vertlinks300">285px image </div></li>
    <li><div class="vertlinks600">600px text </div></li>
</ul>

Do you reccomend a other/better way?

 

Paste the code given below, in your fullwidth page.

Code:

[col2]
    Paste your First column content here .
[/col2][col2_last]
    Paste your Second column content here
[/col2_last]

Paste the above code in your fullwidth page exactly as shown in the image given below.


For the reference see the link given below
http://inkthemes.com/wptheme/blackbird-technology/columns/

This will solve your issue.

 

thats even better
Thanks