Archived

This topic is now archived and is closed to further replies.

  • 0

Displaying Multiple Banners Inline

Question

Posted · Report post

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

6 answers to this question

Posted · Report post

Here's a screenshot of what I'm getting currently: BannerExample.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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

Share this post


Link to post
Share on other sites