[TYPO3-ttnews] ext:news - list view - how to display items in two columns?
Stefan Kaufmann
kaufmann at dwwd.ch
Sat Oct 1 12:46:13 CEST 2011
I did some more research and tried the following CSS:
/* list + search + latest view */
.news .news-list-view {
padding-bottom: 15px;
margin-bottom: 20px;
width: 800px;
}
.news article {
padding-bottom: 15px;
margin-bottom: 20px;
width: 350px;
float: left;
}
The .news-list-view is now restricted to 800px. This works.
But the .news article still doesn't float. They are still displayed in
one column.
What am I doing wrong?
Many thanks for your tip.
Stefan
On 30/September/2011 8:39 PM, Stefan Kaufmann wrote:
> Just to make myself a bit more clear:
> I was usung the following CSS to get the news items in list view on
> one line next to eachother:
>
> /* list + search + latest view */
> .news article {
> padding-bottom: 15px;
> margin-bottom: 20px;
> float: left
> }
>
> But this didn't help. I am no CSS expert, so apperciate any input :)
> Brgds,
> Stefan
>
>
> On 30/September/2011 5:38 PM, Stefan Kaufmann wrote:
>> Hi, thanks for the tip, I was trying that but for some reason the css
>> seems to be completey unresponsive. If I remove the css file, the layout
>> changes, so the path is correct.
>> I am using the news-advanced.css file.
>> I found a possible issue though: I cannot select the template layout in
>> the flexform, and it looks like news is using the 'general' layout. That
>> however comes with different css style names than indicated in the
>> news-advanced.css file...
>>
>> Am I on the right track or do I get everything wrong?
>> Thanks,
>> Stefan
>>
>> On 30/September/2011 4:04 PM, Stephen Bungert wrote:
>>> Can't you just float the films to the right?
>>> And maybe set the css for each news item in the list so that it clears
>>> the
>>> floats so that they don't overlap.
>>>
> _______________________________________________
> TYPO3-project-tt-news mailing list
> TYPO3-project-tt-news at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-project-tt-news
>
More information about the TYPO3-project-tt-news
mailing list