• Search
• Print
• Login

Alternate CSS for every new item

2005-01-19 11:08 GMT by SrNupsen

First, create a style sheet that you want to use for your page. Then, inside that style sheet, create the following ID's:

 #newsspot_1 { 
 position: absolute; 
 top: xxx px; 
 left: yyy px; 
 color: Red; 
 text-decoration: underline; 
 } 
  
 #newsspot_2 { 
 position: absolute; 
 top: zzz px; 
 left: www px; 
 Color: Red; 
 } 

...and so on, up to newsspot_n, where n is the number of news you want to display on that page.

This is merely an illustration, you can of course put whatever CSS you want inside each newsspot ID.

Then, in your style used when generating the news on this page, put the following AT THE BEGINNING:

 <PerlCode> 
 $news_number = ++$counter; 
 </PerlCode>

Then append before your normal style:

 <DIV ID="newsspot_<Field: news_number>">

and after:

 </DIV>

This way, item number 1 will use the style defined in #newsspot_1, item 2 uses #newsspot_2 and so on.

Good luck!

SrNupsen