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!
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
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.
.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)
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.
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/
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/
Re: [ross] Side-by-side Listings
By texascoffee - July 21, 2009
Thanks Tim!
I just created .row2 with your suggested changes and inserted a float break and it works great. I avoided inserting a line every two listings by setting a maximum height to the thumb images on the listings.php page.
I think the side-by-side listings display the info better and will inspire better conversions.
Mike
I just created .row2 with your suggested changes and inserted a float break and it works great. I avoided inserting a line every two listings by setting a maximum height to the thumb images on the listings.php page.
I think the side-by-side listings display the info better and will inspire better conversions.
Mike