473,396 Members | 1,916 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

CSS Help

Hi,
I need a help for You.
i want to apply different color for every rows and how can i do that in CSS.
please help me and provide me code for that.

below i have mention the code of my HTML Page.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Project</title>

<style type="text/css">
h1 {color: #993300}
p {color: #797373; font-family: Verdana ;font-size: 12px;}
</style>
<table width="700">
<h1>Project</h1>

</head>

<body>

<form name="input" action="html_form_action.asp"
method="post">

<tr>
<td width="181"><p>Title 1</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Title 2</p></td>
<td><input type="text" name="user0"></td>
</tr>
<tr>
<td width="181"><p>Project Name</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Client Name</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Role Played</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Duration</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Technology</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Project Description</p></td>
<td><textarea name="user"></textarea></td>
</tr>


<tr>
<td width="181"></td>
<td><input type="button" value="Submit"></td>
</tr>

</form>
</table>
</body>
</html>
Nov 3 '06 #1
1 1307
Hi,
I need a help for You.
i want to apply different color for every rows and how can i do that in CSS.
please help me and provide me code for that.

below i have mention the code of my HTML Page.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Project</title>

<style type="text/css">
h1 {color: #993300}
p {color: #797373; font-family: Verdana ;font-size: 12px;}
</style>
<table width="700">
<h1>Project</h1>

</head>

<body>

<form name="input" action="html_form_action.asp"
method="post">

<tr>
<td width="181"><p>Title 1</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Title 2</p></td>
<td><input type="text" name="user0"></td>
</tr>
<tr>
<td width="181"><p>Project Name</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Client Name</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Role Played</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Duration</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Technology</p></td>
<td><input type="text" name="user0"></td>
</tr>

<tr>
<td width="181"><p>Project Description</p></td>
<td><textarea name="user"></textarea></td>
</tr>


<tr>
<td width="181"></td>
<td><input type="button" value="Submit"></td>
</tr>

</form>
</table>
</body>
</html>
Here you go, use style in either the td or the tr.

Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  4. <title>Project</title>
  5. <style type="text/css">
  6. h1 {color: #993300}
  7. p {color: #797373; font-family: Verdana ;font-size: 12px;}
  8. .red {
  9.     background: #FF0000;
  10. }
  11. .green {
  12.     background: #009900;
  13. }
  14. .blue {
  15.     background: #003399;
  16. }
  17. </style>
  18. <table width="700">
  19. <h1>Project</h1>
  20.  
  21. </head>
  22.  
  23. <body>
  24.  
  25. <form name="input" action="html_form_action.asp"
  26. method="post">
  27.  
  28. <tr>
  29.       <td width="181" class="red">
  30. <p>Title 1</p></td>
  31.       <td class="red">
  32. <input type="text" name="user0"></td>
  33. </tr>
  34.  
  35.     <tr class="green"> 
  36.       <td width="181"><p>Title 2</p></td>
  37. <td><input type="text" name="user0"></td>
  38. </tr>
  39.     <tr class="blue"> 
  40.       <td width="181"><p>Project Name</p></td>
  41. <td><input type="text" name="user0"></td>
  42. </tr>
  43.  
  44. <tr>
  45. <td width="181"><p>Client Name</p></td>
  46. <td><input type="text" name="user0"></td>
  47. </tr>
  48.  
  49. <tr>
  50. <td width="181"><p>Role Played</p></td>
  51. <td><input type="text" name="user0"></td>
  52. </tr>
  53.  
  54. <tr>
  55. <td width="181"><p>Duration</p></td>
  56. <td><input type="text" name="user0"></td>
  57. </tr>
  58.  
  59. <tr>
  60. <td width="181"><p>Technology</p></td>
  61. <td><input type="text" name="user0"></td>
  62. </tr>
  63.  
  64. <tr>
  65. <td width="181"><p>Project Description</p></td>
  66. <td><textarea name="user"></textarea></td>
  67. </tr>
  68.  
  69.  
  70. <tr>
  71. <td width="181"></td>
  72. <td><input type="button" value="Submit"></td>
  73. </tr>
  74.  
  75. </form>
  76. </table>
  77. </body>
  78. </html>
Nov 5 '06 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

21
by: Dave | last post by:
After following Microsofts admonition to reformat my system before doing a final compilation of my app I got many warnings/errors upon compiling an rtf file created in word. I used the Help...
9
by: Tom | last post by:
A question for gui application programmers. . . I 've got some GUI programs, written in Python/wxPython, and I've got a help button and a help menu item. Also, I've got a compiled file made with...
6
by: wukexin | last post by:
Help me, good men. I find mang books that introduce bit "mang header files",they talk too bit,in fact it is my too fool, I don't learn it, I have do a test program, but I have no correct doing...
3
by: Colin J. Williams | last post by:
Python advertises some basic service: C:\Python24>python Python 2.4.1 (#65, Mar 30 2005, 09:13:57) on win32 Type "help", "copyright", "credits" or "license" for more information. >>> With...
7
by: Corepaul | last post by:
Missing Help Files When I enter "recordset" as the keyword and search the Visual Basic Help index, I get many topics of interest in the resulting list. But there isn't any information available...
5
by: Steve | last post by:
I have written a help file (chm) for a DLL and referenced it using Help.ShowHelp My expectation is that a developer using my DLL would be able to access this help file during his development time...
8
by: Mark | last post by:
I have loaded Visual Studio .net on my home computer and my laptop, but my home computer has an abbreviated help screen not 2% of the help on my laptop. All the settings look the same on both...
10
by: JonathanOrlev | last post by:
Hello everybody, I wrote this comment in another message of mine, but decided to post it again as a standalone message. I think that Microsoft's Office 2003 help system is horrible, probably...
1
by: trunxnirvana007 | last post by:
'UPGRADE_WARNING: Array has a new behavior. Click for more: 'ms-help://MS.VSCC.v80/dv_commoner/local/redirect.htm?keyword="9B7D5ADD-D8FE-4819-A36C-6DEDAF088CC7"' 'UPGRADE_WARNING: Couldn't resolve...
0
by: hitencontractor | last post by:
I am working on .NET Version 2003 making an SDI application that calls MS Excel 2003. I added a menu item called "MyApp Help" in the end of the menu bar to show Help-> About. The application...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.