How To Get Colored Text In A Chart

Greetings;

http://nfsworldcommunity.canadian-forum.com/portal

I have a member of the forum who has created some charts.

These charts require color, however his attempt at putting color in has failed, and I am not sure how to tell him to put color in. I know it can be done, he already has on another site with the same list.

Any ideas on how I can make this happen for him?

If you're using the original table code/div classes, try this

Code:

.dp-highlighter {
   background-color: darkred;
   font-family: "Consolas","Courier New",Courier,mono,serif;
   font-size: 12px;
   margin: 18px 0 !important;
   overflow: auto;
   padding-top: 1px;
   }
   
.dp-highlighter ol li {border-left: 3px solid lime;padding-left:2px;}
.dp-highlighter ol {color:lime;}
.dp-highlighter span {color:orange;}
.dp-highlighter span dpj
.dp-highlighter a {color:#999999;}
.dp-highlighter a:hover {color:#000000;}
.dp-highlighter .dp-j .number {color: yellow;}

Example

Code:

.dp-highlighter {
   background-color: darkred;
   font-family: "Consolas","Courier New",Courier,mono,serif;
   font-size: 12px;
   margin: 18px 0 !important;
   overflow: auto;
   padding-top: 1px;
   }
   
.dp-highlighter ol li {border-left: 3px solid lime;padding-left:2px;}
.dp-highlighter ol {color:lime;}
.dp-highlighter span {color:orange;}
.dp-highlighter span dpj
.dp-highlighter a {color:#999999;}
.dp-highlighter a:hover {color:#000000;}
.dp-highlighter .dp-j .number {color: yellow;}
</style>

<div class="dp-highlighter"><div class="bar"><div class="tools"><a onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" href="#">view plain</a><a onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" href="#">copy to clipboard</a><a onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" href="#">print</a><a onclick="dp.sh.Toolbar.Command('About',this);return false;" href="#">?</a></div></div><ol start="1" class="dp-j"><li class="alt"><span><span>****************************** TYPE: E N G I N E ********************************  </span></span></li><li class=""><span>=================================================================================  </span></li><li class="alt"><span>Series| Manufacturer Brand   |RAR| TSD ACC HND | Price T1 | Price T2 | Price T3 |  </span></li><li class=""><span>=================================================================================  </span></li><li class="alt"><span>Street| Amerikon SpeedSystems|1st|  <span class="number">2</span><span>%  </span><span class="number">2</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">2</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">10</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Street| Amerikon SpeedSystems|2nd|  <span class="number">3</span><span>%  </span><span class="number">3</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">3</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">15</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class="alt"><span>Street| Amerikon SpeedSystems|3rd|  <span class="number">4</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">4</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">20</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">80</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Street| DawnDraft            |1st|  <span class="number">1</span><span>%  </span><span class="number">3</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">2</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">10</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class="alt"><span>Street| DawnDraft            |2nd|  <span class="number">2</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">3</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">15</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Street| DawnDraft_ _ _ _ _ _ |3rd|  <span class="number">3</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    ??    |   ??     |   ??     |  </span></span></li><li class="alt"><span>Street| NOVA-T               |1st|  <span class="number">2</span><span>%  </span><span class="number">1</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">1</span><span>,</span><span class="number">650</span><span> |    </span><span class="number">8</span><span>,</span><span class="number">300</span><span> |   </span><span class="number">33</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Street| NOVA-T               |2nd|  <span class="number">3</span><span>%  </span><span class="number">2</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">2</span><span>,</span><span class="number">500</span><span> |   </span><span class="number">12</span><span>,</span><span class="number">500</span><span> |   ??     |  </span></span></li><li class="alt"><span>Street| NOVA-T _ _ _ _ _ _ _ |3rd|  <span class="number">4</span><span>%  </span><span class="number">3</span><span>%  </span><span class="number">0</span><span>% |    ??    |   ??     |   ??     |  </span></span></li><li class=""><span>Street| OMNIA RaceGruppe     |1st|  <span class="number">3</span><span>%  </span><span class="number">1</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">2</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">10</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class="alt"><span>Street| OMNIA RaceGruppe     |2nd|  <span class="number">4</span><span>%  </span><span class="number">2</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">3</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">15</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Street| OMNIA RaceGruppe     |3rd|  <span class="number">4</span><span>%  </span><span class="number">3</span><span>%  </span><span class="number">0</span><span>% |    ??    |   ??     |   ??     |  </span></span></li><li class="alt"><span>Street| Royal Purple         |RPE|  <span class="number">4</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |        </span><span class="number">0</span><span> |        </span><span class="number">0</span><span> |        </span><span class="number">0</span><span> |  </span></span></li><li class=""><span>--------------------------------------------------------------------------------|  </span></li><li class="alt"><span>Race  | Gromlen              |1st|  <span class="number">4</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">5</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">100</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Race  | Gromlen              |2nd|  <span class="number">6</span><span>%  </span><span class="number">6</span><span>%  </span><span class="number">6</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>Race  | Gromlen_ _ _ _ _ _ _ |3rd|  <span class="number">7</span><span>%  </span><span class="number">7</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class=""><span>Race  | Kestrel              |1st|  <span class="number">4</span><span>%  </span><span class="number">6</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">5</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">100</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class="alt"><span>Race  | Kestrel              |2nd|  <span class="number">4</span><span>%  </span><span class="number">8</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">6</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">30</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">120</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Race  | Kestrel_ _ _ _ _ _ _ |3rd|  <span class="number">4</span><span>%  </span><span class="number">9</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>Race  | Norset               |1st|  <span class="number">6</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">5</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">100</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Race  | Norset               |2nd|  <span class="number">8</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>Race  | Norset _ _ _ _ _ _ _ |3rd|  <span class="number">9</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class=""><span>Race  | Richter              |1st|  <span class="number">4</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>Race  | Richter              |2nd|  <span class="number">6</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">5</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">100</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>Race  | Richter              |3rd|  <span class="number">7</span><span>%  </span><span class="number">4</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>--------------------------------------------------------------------------------|  </span></li><li class=""><span>Pro   | Medion               |1st|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class="alt"><span>Pro   | Medion               |2nd|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class=""><span>Pro   | Medion _ _ _ _ _ _ _ |3rd|  <span class="number">9</span><span>%  </span><span class="number">9</span><span>%  </span><span class="number">0</span><span>% |   </span><span class="number">10</span><span>,</span><span class="number">000</span><span> |   </span><span class="number">50</span><span>,</span><span class="number">000</span><span> |  </span><span class="number">200</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class="alt"><span>Pro   | URSA Motorsport      |1st|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class=""><span>Pro   | URSA Motorsport      |2nd|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class="alt"><span>Pro   | URSA Motorsport_ _ _ |3rd|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class=""><span>Pro   | Velocicom            |1st|  <span class="number">6</span><span>%  </span><span class="number">9</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class="alt"><span>Pro   | Velocicom            |2nd|  <span class="number">6</span><span>% </span><span class="number">12</span><span>%  </span><span class="number">0</span><span>% |    ??    |    ??    |    ??    |  </span></span></li><li class=""><span>Pro   | Velocicom_ _ _ _ _ _ |3rd|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class="alt"><span>Pro   | Ventura              |1st|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class=""><span>Pro   | Ventura              |2nd|  --  --  -- |    ??    |    ??    |    ??    |  </span></li><li class="alt"><span>Pro   | Ventura              |3rd|  <span class="number">9</span><span>%  </span><span class="number">7</span><span>%  </span><span class="number">0</span><span>% |    </span><span class="number">8</span><span>,</span><span class="number">350</span><span> |   </span><span class="number">41</span><span>,</span><span class="number">750</span><span> |  </span><span class="number">167</span><span>,</span><span class="number">000</span><span> |  </span></span></li><li class=""><span>=================================================================================  </span></li></ol></div>

Test code in *this online editor

This has been solved

Thanks.

MB1960

Since this thread is marked solved, I will lock this thread.


Sanket