Jump to content
Sign in to follow this  
znagle

Displaying Multiple Banners Inline

Recommended Posts

znagle    0
znagle

Is there a way to lay out banners like you see the three boxes below the main content on this site? I'm using css to hide the banner title, so that's out of the way. But the banners look like they have "clear" divs forcing them to start on separate lines. What's the best way to get multiple banners on the same line?

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

Anyway, I can see a live link to the page with the issue?

Share this post


Link to post
Share on other sites
bryan-hadaway    3
bryan-hadaway

Let's start with this and see how far it get's us: ` #banners .banner-area { border-bottom:1px solid #EEEEEE; float:left; padding:10px 0; width:460px; } ` Add this to your Custom CSS. Thanks, Bryan

Share this post


Link to post
Share on other sites
znagle    0
znagle

Thanks Bryan, that got them on the same line, now there's just too much space between them and right box is pushed out to the right where it should fit in the #page. I'm guessing it's as simple as changing a margin or padding style. I can probably figure it out tomorrow. Slightly off topic -- I used Firebug to add that CSS because it didn't have any effect when I put it into the Custom Code section. Is that because I'm running 1.0.0 and need to upgrade?

Share this post


Link to post
Share on other sites
bryan-hadaway    3
bryan-hadaway

Yes, they did fix some CSS level problems in the updates. Thanks, Bryan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×