Hi,
I have just created the table using css and below is the code of that table
Code:
<style type="text/css">
table.team {
font-family: "Tahoma";
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-collapse: collapse;
background-color: #ffffff;
}
table.team th {
text-align: left;
padding: 1px;
background-color: #e1e1e1;
}
table.team td {
text-align: left;
font-size: 11px;
padding: 1px;
border-bottom: 1px dotted #808080;
background-color: #ffffff;
}
</style>
<table class="team" width="100%">
<tr>
<th></th>
<th>Team</th>
<th>Matches</th>
<th>Points</th>
<th>Rating</th>
</tr>
<tr>
<td>1</td>
<td>India</td>
<td>38</td>
<td>4719</td>
<td>124</td>
</tr>
<tr>
<td>2</td>
<td>South Africa</td>
<td>38</td>
<td>4572</td>
<td>120</td>
</tr>
<tr>
<td>3</td>
<td>Australia</td>
<td>42</td>
<td>4979</td>
<td>119</td>
</tr>
<tr>
<td>4</td>
<td>Sri Lanka</td>
<td>31</td>
<td>3574</td>
<td>115</td>
</tr>
<tr>
<td>5</td>
<td>England</td>
<td>50</td>
<td>5417</td>
<td>108</td>
</tr>
<tr>
<td>6</td>
<td>Pakistan</td>
<td>25</td>
<td>2008</td>
<td>80</td>
</tr>
<tr>
<td>7</td>
<td>New Zealand</td>
<td>32</td>
<td>2541</td>
<td>79</td>
</tr>
<tr>
<td>8</td>
<td>West Indies</td>
<td>29</td>
<td>2224</td>
<td>77</td>
</tr>
<tr>
<td>9</td>
<td>Bangladesh</td>
<td>28</td>
<td>273</td>
<td>10</td>
</tr>
</table>
What is the problem with border? you can see that the border is irregular here : Table
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
Last edited by asmalik12; 06-13-2010 at 10:47 AM..
|