News Layout in 2 columns

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
User avatar
opawaldburger
Forum Members
Forum Members
Posts: 94
Joined: Tue Nov 04, 2008 2:10 pm

News Layout in 2 columns

Post by opawaldburger »

Hi there,

I'm facing a challenge when using the news module (still using CMS MS 1.12.1). I want the articles to be displayed in two columns, like this:
news_layout.jpg
Every articles is wrapped by a div which is styled

Code: Select all

display: inline-block;
vertical-align: top;
This works relatively fine, except that the layout isn't really "floating". When two articles are not equally long, after the shorter one there is always a gap, like this:
news_layout_2.jpg
So what I would like to achieve is a layout without any gaps between the articles, so the next article starts right where the one before finishes. Unfortunately my CSS skills are not longing for that.

Have you got a suggestion?

Thanks a lot,
Tobi
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: News Layout in 2 columns

Post by Rolf »

- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
User avatar
opawaldburger
Forum Members
Forum Members
Posts: 94
Joined: Tue Nov 04, 2008 2:10 pm

Re: News Layout in 2 columns

Post by opawaldburger »

Works perfect, thanks a lot!!
Locked

Return to “Layout and Design (CSS & HTML)”