CODEWITHSUNDEEP
asp.net-mvc
Cr123
Cr123

Reputation: 93

Using css in a MVC application

In a MVC application in asp.net , in my view I have a table :

  <table width="100%" class="personRow">

     <tr class="personRowHeader">

       <td style="width: 40%;"> Subiect </td> ...

and for table i use style personRow , an for rows personRowHeader defined like this :

 table.personRow
 {
background-color:#EEEEEE;
border:2px solid white;
 }

 table.personRow tr.personRowHeader 
 {
    border-bottom-color  : #FFFFFF;
    border-bottom-style  : solid;
    border-bottom-width: medium;
    font-weight: bold;
    background-color: #CCCCFF;
 }

When I use only personrow the setting for table in design of my page take the modifications , but when I use the setting for my row nothing happen.Can somebody tell me why doesn't work the setting for rows ?

Upvotes: 1

Views: 259

Answers (2)

Matteo Mosca
Matteo Mosca

Reputation: 7448

I put your code in jsfiddle, replaced only the colors with more visible colors, but I see nothing wrong.

http://jsfiddle.net/e9wvY/1/

Check it out yourself, everything is working as intended.

Upvotes: 1

Mohammed Swillam
Mohammed Swillam

Reputation: 9242

give this a try and let me know it it worked for you:

<table width="100%" class="personRow">

     <tr>

       <td style="width: 40%;"> Subiect </td> .

for your css, use this block

 table.personRow
 {
background-color:#EEEEEE;
border:2px solid white;
 }

 table.personRow tr 
 {
    border-bottom-color  : #FFFFFF;
    border-bottom-style  : solid;
    border-bottom-width: medium;
    font-weight: bold;
    background-color: #CCCCFF;
 }

What we have done so far is removing the need to explicitly use class attribute from your TRs, and instead, let the CSS manage it by pointing out that any TR under a table that has a class of "personRow", should use this style

Upvotes: 0

Related Questions