+ Start a Discussion
SFDC_LearnerSFDC_Learner 

Legend CSS

Hi

 

How to write a legend (CSS) to each td in a table?

 

---------Name---------City------------Country------------

|           Ajay       |      Pune       |         Ind                      |

--------Count---------------------------Value---------------

|           10          |      Test       |         2536                    |

------------------------------------------------------------------

|           10          |      Test       |         2536                    |

------------------------------------------------------------------

 

 Like the above i need a legend css to the td tag where ever i need?

  

 

Thanks

 

 

 

Ajay_SFDCAjay_SFDC

Hi there ,

 

1. You can write Inline css for the td :

 <td style="border-right: 1px solid #000; border-left: 1px solid #000;border-bottom: 1px solid #000;font-size: 12px; height: 50px; width: 25%;"> Your Data </td>

 

2. You can write class in your css and refer it to the any td :

<style type="text/css">

.rowdataClass{
text-align:right;
border-right:1px solid black;
min-width: 150px !important;
}
</style>

 

<td colspan="2" class="rowdataClass"> Your Data </td>

 

For making text at center use : text-align:center in CSS

alos try using cellpadding and cellspacing property in your td css.

 

Let me know if this helps you !!!

 

Thanks