Add content with an engaging element <li></li> or <div></div>

Permalink August 12, 2011 at 7:26 PM

Hi c5 gurus,

I need some help here, I'm making a website for a cliente that has some kind of news ordered in list. Something like this:
________________________
some news here....
________________________
some more news here...
________________________
and so on...

Each feed is inside an <li></li> element that has a top border. What I'm trying to do is that in edit mode the client could add more news and that the feed stays inside one <li></li> element. This is what I've got so far:

HTML:

<ul id="listticker">
  <li>
    <span class="news-title">Title</span>
    <span class="news-text">Some news here...</span>
  </li>
  <li>
    <span class="news-title">Title</span>
    <span class="news-text">Some more news here...</span>
  </li>
  <?
  $a = new Area('News');
  if (($a->getTotalBlocksInArea() >= 1) || ($c->isEditMode())) {
  echo'<li>' . $a->display($c) . '</li>';
  }?>
</ul>

CSS:

#listticker {
  height:305px; 
  width:100%; 
  overflow:hidden; 
  padding:4px 10px 14px 0;
}
#listticker li {
  height:69px; 
  list-style:none; 
  border-bottom:solid 1px #666; 
  margin:0 0 2px; 
  padding:3px 5px 5px 0
}

With this I've managed to hide <li></li> element when the block is empty. It stays visible when I enter edit mode but then I add some content and leave the edit mode and the block stays hidden again.

Any ideas?! By the way, I'm newbie with PHP, all that I've managed so far I've searched through the forum :)