Page 1 of 1

Horizontal Format for News Module

Posted: Mon May 28, 2007 3:30 am
by gmiller33
I am trying to change the News format to display in a horizontal format instead of the vertical format. Has anyone been able to do this?

Re: Horizontal Format for News Module

Posted: Mon May 28, 2007 8:47 am
by Anastasis
gmiller33 wrote: I am trying to change the News format to display in a horizontal format instead of the vertical format. Has anyone been able to do this?
Do you mean the list of news summaries? If so, you will be able to do that through CSS by placing the list of summaries in an unordered list and giving the items a

Code: Select all

display: inline-table;
and setting a width for them, e.g.

Code: Select all

width: 100px;
  to suit.

Hope that helps.

Re: Horizontal Format for News Module

Posted: Mon May 28, 2007 7:08 pm
by gmiller33
Worked great! I will post the code as soon as I am done with the site and it has been uploaded.

Thanks!

Re: Horizontal Format for News Module

Posted: Tue Aug 07, 2007 2:34 pm
by MichaelK
Anyone have this code for horizontal news?  ???

Re: Horizontal Format for News Module

Posted: Tue Aug 07, 2007 3:16 pm
by calguy1000
I think what is mentioned here is to make a modification to your news summary template.

Code: Select all

<ul class="newssummary"><!-- or some such thing -->
{foreach from=$entries item='entry'}
  <li>
     {* the rest of the news summary stuff *}
  </li>
{/foreach}
</ul>
and then to modify your stylesheet as described above.  i.e:

Code: Select all

.newssummary li {
   display: inline-table;
   width:   25%;
}
I haven't tried this myself, but this looks like what he was talking about.