Page 1 of 1

Any tips on getting News content to NOT overflow into {content} area?

Posted: Sat Oct 23, 2010 4:35 am
by Kevict
Hi, I'm new to CMSMS and have what I think is a CSS problem.  I'm using CMSMS 1.6.8, PHP 4.4.9, MySQL 5.  I think my problem is simple but can't seem to resolve it.  Would be great to get some outside help.

The area I'm having trouble with is:

Code: Select all

<div id="content">

<div id="left">
<h3>{title}</h3>
{content}

</div>

<div id="right"> 
<!-- <h3>Submenu</h3> 
{cms_module module='menumanager' template='bulletmenu' collapse='1' template='list_children'} -->
<h3>News</h3>
{news}
</div>

<div style="clear:both;"> </div>

</div>
As you can see, the {news} smarty is contained in .  Here is the CSS for #right:

Code: Select all

#right {
width: 150px;
height: 460px;
float: right;
padding: 10px 30px 0 10px;
color: #fff;
font-weight: normal;
font-size: 11px;
background: url(uploads/images/opaque_news.png) repeat-y;
overflow-x: hidden;
overflow-y: auto;
}
From what I can tell, my CSS should be constraining the summary content pulled from {news} to the area defined by the CSS rules for #right.  But, the summary for all articles beyond the first one is still spilling over into the which displays the stuff from {content}.  Here's a screen shot of the page:
Image

I suspect I need to make some changes to the News Template I'm using.  At present the News Template (currently the "Sample") is in it's default configuration and I'm not sure what changes to make or if this is the wrong assumption.  The version of the News Module I'm using is 2.10.4.  Suggestions, tips?

Thanks to all out there!
-Kevict

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Sat Oct 23, 2010 8:24 am
by Dr.CSS
A link is most needed in this case, but when you give something a width and 30px of padding on left/right it adds 60px to the width...

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Sat Oct 23, 2010 11:34 am
by maranc
Can you provide link to this site? If not - please show css style for div#content.

BTW - In summary template of news you can add example class (ex. NewsSidebar) and definied style for this class. In summary news template you can make somthing like this:

......code in template .........


Next create some rulles for class

.NewsSidebar {
font-size: ......;
color: .......;
}

Marek A.

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Mon Oct 25, 2010 6:41 am
by Kevict
Hi and thanks for the feedback.  Here's the link to the page:  http://www.peninsulaperformance.com/ind ... age=home-3

Thanks in advance!

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Mon Oct 25, 2010 7:29 am
by Dr.CSS
Your News summary template was customized and someone left an extra closed tag in it so your template is wack...




Oct 22, 2010



San Jose Autorama  Indoor Car show




Category: General



Posted by: sergio -->



Peninsula peromace will  be entering the Wicked 64 in modified judged class



 

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Tue Nov 02, 2010 4:19 am
by Kevict
Thank you Dr. CSS!  Totally fixed it.  I scoured my templates a million times (but apparently still not enough).  Thanks for your additional set of expert eyes!

-a very gracious Kevict

Re: Any tips on getting News content to NOT overflow into {content} area?

Posted: Tue Nov 02, 2010 5:07 pm
by Dr.CSS
You are welcome, when solved please modify first post to include [solved] so it benefit others...