News module not conforming to my wishes....

[maxwellb]

Hi everyone,

I am trying to get the News module to go horizontally across the bottom of my site - but everything I do seems to be just making the situation worse. I'm afraid it's been a few years since I dipped my toes into CSS, so please forgive the rather 'newbish' feel to my questions / problems. Check out maxwellbrodie.com and you will see what I mean! The CSS and HTML I am currently working with is below.

CSS:

Code: Select all

#newsbox  {
	margin-left: 10px;
	padding: 0 10px 0 10px;
	border-top: 1px dashed #422100;
	font-size: .8em;
	line-height: 1.2em;
      display: inline-table;
      width: 100px;
	}

HTML:

Code: Select all

<div id="newsbox">


{cms_module module="news"}


			</div>

Thanks for your help, CMSMS is an amazing tool!
Max

[alexlr]

Did you get your problem resolved? It seems that your news is spanning across the bottom of your website (albeit centered and not styled).

[cyberman]

Hi Max,

I am trying to get the News module to go horizontally across the bottom of my site

What do you want to show horizontally? More than one news or only one news entry?

If second you need only to modify news summary template.

[maxwellb]

Hi! Thanks for your responses,

I want to have more than one news entry go across the bottom of the page. Is this done completely in CSS?


Thanks,
Max

[Vin]

Code: Select all

#newsbox  {
	margin-left: 10px;
	padding: 0 10px 0 10px;
	border-top: 1px dashed #422100;
	font-size: .8em;
	line-height: 1.2em;
      display: inline-table;
      width: 100px;
	}

What are you trying to achieve with display: inline-table? I thought this property isn't cross-browser usable.
If I understand your goal correctly, you need to float the boxes to the left. However, you need to wrap the news entry into the box in the news template, not page template.

[maxwellb]

It has been a few years since I last touched CSS... I  took the code from another template that I thought looked kind of what I had in mind.

Thanks,
Max

[maxwellb]

Hi!

I didn't realize that there was a News CSS style sheet... Oops! Anyways, I got it looking pretty good now in Firefox 2.1, but IE 7 is causing some troubles... in IE7 (not sure about 6, haven't tried it yet) the "News" title is causing the rest of the news content to be pushed in from the side of the page by the amount of space the "News" title takes up. Is there any way to fix this...considering that the majority of people viewing this site will probably be using IE?

Thanks for your help!
Max