[SOLVED] Trying to Modify News Summary Template

[cweese]

I'm having a small (yet annoying) problem. I am trying to move the [More] link up to the end of the News Summary paragraph, so the link follows continuously after the Summary text. Is this even possible? Here is the link to the page (scroll down to the News module): http://www.test.sportponymagazine.com/

Here is the current template code:


{eval var=$entry->summary}
       


        [{$entry->morelink}]
       

And the relevant css, which is currently set to put the [More] link off to the right:

.NewsSummarySummary {
  line-height: 140%;
}

.NewsSummaryMorelink {
  text-align: right;
  margin-right: 2em;
  padding-bottom: 0.5em;
  padding-top: 0px;
  margin-top: 0px;
}

Now, it worked just fine for the Date/Category to go on one line when I went like this:


{$entry->formatpostdate}
{$entry->category}



But for some reason, if I use the following, I still get a huge gap between the Summary and the More link:


{eval var=$entry->summary} [{$entry->morelink}]
       

Any suggestions welcome!! I assume part of this problem is because the Summary Template can use either the summary or, if you choose to skip the summary, it uses the entire content of the News article... but I am still not sure how to fix it.

[Dr.CSS]

You can make the news use any kind of template you want using most any of the available calls...

If you look at it with an outliner you will see how it's all sitting on top of one another and the has padding to keep it away from other stuff...

[oct4th]

... mark beat me to it while I was typing this out:

But for some reason, if I use the following, I still get a huge gap between the Summary and the More link:

 
     {eval var=$entry->summary} [{$entry->morelink}]
       

That was going to be my suggestion. Do you have a working example?

From your source it looks like some 's would be adding a space, if you used the above code. Is your tinymce set to paragraph?

(ps, should there be an 'E' in your header image??!)

[cweese]

OK - that's what I couldn't figure out, where the extra padding was coming in, and I wondered if it was using a that was getting generated somewhere, but I couldn't figure out where -- but it's from the html that comes when I enter the actual text for the summary, yes? Duh!   

So, the very fact that it's generating a tag means the More link will always drop down to the next line... I'm not sure how to change this, except by hand-coding all the News Summaries to make sure there are no tags... I could add a p.NewsSummarySummary rule to get rid of the extra padding, but the More link will still be outside the tag and thus drop down to the next line.

I would guess there's a way to use php to remove the tags in the News Summary, or just turn it into a tag, but I'm unfortunately not a php coder.

Calebkm - My TinyMCE is set on the default, Newline-style = p style (not br style), which is I assume what you were asking? I could try changing my stylesheets so that text styling isn't dependant on tags. Also, I'm curious what browser you're using - I checked quite a few using Browsershots.org and couldn't find any where the header image was getting cut off... Am developing using FireFox 2.0.0.16 on a mac.

Thanks to you and Mark for taking time to reply. Is there some way to turn on an outliner in CMSMS? Am familiar with the concept from Dreamweaver but I wasn't aware you could use it with CMSMS.

[Dr.CSS]

If you use Firefox get the Web Dev. toolbar extension and it has an outliner and CSS editor etc. and get HTML validator ext. so when you look at source it show warning/errors...

[oct4th]

I generally set my tiny to style, which removes any problems that those pesky s add.

Curious about the formatting. I'm using FF 3.0.1 on mac. Attached is a screen shot.