Tables

I wanted to make a table..
in which if someone hover over a Row
that must change some colors, or look brighter than other rows how to do that?

 

use forecolor in the table.........

 

How ? can you give me a code for a reference?

 

Someone Reply!

 

<style>
tr:hover{background-color: #00f;}
</style>


<table>
<tr><td>CELL 1</td><td>CELL 2</td></tr>
<tr><td>CELL 3</td><td>CELL 4</td></tr>
</table>

Code (markup):

 

Thanks brother..

 

you can use photoshop to make color code for example #0000 is an example of color code............

 

<table><tr style="color:red;"><td>CELL 1</td><td>CELL 2</td></tr><tr><td>CELL 3</td><td>CELL 4</td></tr></table>
​

here create table two row and first row in color red use them.​

 

I wanted to style my tables..
I don't like the border..

how can i do that?
Does anybody have some cool table's dEsigning Examples

 

<style>
tr:hover{background-color: #00f;}
.out-b {border:1px solid #000;}
.bot-b {border-bottom:1px solid #000;}
</style>




<table class="out-b">
<tr><td>CELL 1</td><td>CELL 2</td></tr>
<tr><td>CELL 3</td><td>CELL 4</td></tr>
</table>


<table>
<tr><td class="out-b">CELL 1</td><td class="out-b">CELL 2</td></tr>
<tr><td class="out-b">CELL 3</td><td class="out-b">CELL 4</td></tr>
</table>

Code (markup):

To get rid of the borders on the tables you can use

<style>
table{border:none;}
td{border:none;}
</style>

Code (markup):

or

<style>
.no-border{border:none;}
<style>


<table class="no-border">
<tr><td>CELL 1</td><td>CELL 2</td></tr>
<tr><td>CELL 3</td><td>CELL 4</td></tr>
</table>

Code (markup):