471,310 Members | 1,049 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,310 software developers and data experts.

How to do this in .net

I have the following table. notice I need to mahe the first td red, the
next 4 yellow and the rest gray. This is being defined in the css. The
Commercial is coming from the database???

<table border="0" cellpadding="0" cellspacing="3" width="202">
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_1">1</td>
<td align="left" valign="middle"
class="rank_1">“Commercial
#1”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">2</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#2”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">3</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#3”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">4</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#4”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">5</td>
<td align="left" valign="middle"
class="rank_5">“commercial
#5”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">6</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#6”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">7</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#7”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">8</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#8”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">9</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#9”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">10</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#10”</td>
</tr>
</table>

Jan 21 '06 #1
5 1123
You need to show the code you are using to generate this. Generally
though, I assume you want the colors to be dictated from your data source.
Assuming that you have retreived the color you want from the database, you
can set the background color of the cell with the bgColor attribute.

If you need to do this using CSS, then you need to define a separate
class with the background color set for each class, and then just set the
class name of the TD element.

Hope this helps.
--
- Nicholas Paldino [.NET/C# MVP]
- mv*@spam.guard.caspershouse.com

<df********@hotmail.com> wrote in message
news:11*********************@o13g2000cwo.googlegro ups.com...
I have the following table. notice I need to mahe the first td red, the
next 4 yellow and the rest gray. This is being defined in the css. The
Commercial is coming from the database???

<table border="0" cellpadding="0" cellspacing="3" width="202">
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_1">1</td>
<td align="left" valign="middle"
class="rank_1">“Commercial
#1”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">2</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#2”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">3</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#3”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">4</td>
<td align="left" valign="middle"
class="rank_5">“Commercial
#4”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_5">5</td>
<td align="left" valign="middle"
class="rank_5">“commercial
#5”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">6</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#6”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">7</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#7”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">8</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#8”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">9</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#9”</td>
</tr>
<tr>
<td align="center" valign="middle" width="30"
height="20" class="rank_6">10</td>
<td align="left" valign="middle"
class="rank_6">“Commercial
#10”</td>
</tr>
</table>

Jan 21 '06 #2
No. I am building these td's from the databate the first one is the one
with the most votes. That will be red. The next one with the 2nd
highest will be yellow. Get it?

Jan 21 '06 #3
In this case, you need to keep track of which row you are on, and then,
as you are generating the cell, set the background (or class), as you
iterate through your rows, creating the table.

You would then have an if or switch statement which would give you the
color depending on the row you are on.
--
- Nicholas Paldino [.NET/C# MVP]
- mv*@spam.guard.caspershouse.com

<df********@hotmail.com> wrote in message
news:11**********************@z14g2000cwz.googlegr oups.com...
No. I am building these td's from the databate the first one is the one
with the most votes. That will be red. The next one with the 2nd
highest will be yellow. Get it?

Jan 21 '06 #4
Cool thanks. Maybe you can also help me on this one....

Take a look at the link below. Notice how the commercials are in the
center. I need to get all this data from a db and then put it into a
page. the first commercial is on the left..then the next comercial will

be to the right of it....Then I go to the next line and start again.
What is the best way to do this??
http://www.spotbowl.com/default_vote.asp

Jan 21 '06 #5
I would create a control that does this. Each control will select the
appropriate information (or be assigned the information) and then it would
be responsibile for rendering itself.

Then, you can just place the controls on your page.
--
- Nicholas Paldino [.NET/C# MVP]
- mv*@spam.guard.caspershouse.com

<df********@hotmail.com> wrote in message
news:11**********************@z14g2000cwz.googlegr oups.com...
Cool thanks. Maybe you can also help me on this one....

Take a look at the link below. Notice how the commercials are in the
center. I need to get all this data from a db and then put it into a
page. the first commercial is on the left..then the next comercial will

be to the right of it....Then I go to the next line and start again.
What is the best way to do this??
http://www.spotbowl.com/default_vote.asp

Jan 21 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by William C. White | last post: by
2 posts views Thread by Albert Ahtenberg | last post: by
3 posts views Thread by James | last post: by
reply views Thread by Ollivier Robert | last post: by
1 post views Thread by Richard Galli | last post: by
4 posts views Thread by Albert Ahtenberg | last post: by
1 post views Thread by inderjit S Gabrie | last post: by
2 posts views Thread by Jack | last post: by
3 posts views Thread by Sandwick | last post: by
reply views Thread by rosydwin | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.