Side-by-side Listings

4 posts by 3 authors in: Forums > CMS Builder
Last Post: July 21, 2009   (RSS)

By texascoffee - July 19, 2009

Hi all,

I have a finished listings page here: http://creativetoybox.com/cmsAdmin/listings.php

I would like to show the listings side-by-side using this listings page: http://creativetoybox.com/cmsAdmin/listings2.php

I know how to make images appear in rows and columns from CMSBuilder. Any idea how to float two listings next to each other?

Thanks in advance for any help!

Re: [texascoffee] Side-by-side Listings

By Toledoh - July 19, 2009

At a glance, try adding a width to your .row1 in style.css

.row1 {
border-bottom:1px solid #C6C9CB;
float:left;
margin-bottom:38px;
padding:0 0 14px 6px;
width: 400px;
}

You'll have to play around with it, maybe create a new div to contain all the listings, and clear the float afterwards.

You may also use a count function to end and open a div with a bottom border every 2nd lisiting.

Good luck.
Cheers,

Tim (toledoh.com.au)

Re: [texascoffee] Side-by-side Listings

By ross - July 20, 2009 - edited: July 22, 2009

Hi there

Thanks for posting!

I had a look at both your templates and I didn't actually either of them side by side. That's not too big a deal at this stage though.

Getting your listings side by side instead of up and down is basically just a matter of HTML and CSS. What you'll want to do is make a standalone template first that has the proper columns. This way, you aren't trying to figure out the template and CMS Builder at the same time.

Once you get the template setup, we can go over it together from there.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Consulting
consulting@interactivetools.com

Hire me! Save time by getting our experts to help with your project.
Template changes, advanced features, full integration, whatever you
need. Whether you need one hour or fifty, get it done fast with
Priority Consulting: http://www.interactivetools.com/consulting/