Horizontal Format for News Module

[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?

[Anastasis]

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.

[gmiller33]

Worked great! I will post the code as soon as I am done with the site and it has been uploaded.

Thanks!

[MichaelK]

Anyone have this code for horizontal news? 

[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.