every rows bottom border black with css

Forum Moderators: not2easy

Message Too Old, No Replies

every rows bottom border black with css

ddragas

2:17 pm on Nov 29, 2006 (gmt 0)

How to make every rows bottom border black with css?

example

_____________________
_____________________
_____________________
_____________________
_____________________
_____________________
_____________________

Little_G

2:52 pm on Nov 29, 2006 (gmt 0)

Hi,

This should work:


table{
 border-collapse:collapse;
}
td{
 border-bottom:1px solid #000000;
}

Andrew

ddragas

7:16 pm on Nov 29, 2006 (gmt 0)

can you please give me example of usage

Fotiman

7:23 pm on Nov 29, 2006 (gmt 0)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<style type="text/css"> 
table{ 
border-collapse:collapse; 
} 
td{ 
border-bottom:1px solid #000000; 
}  
</style> 
<title>Test</title> 
</head> 
<body> 
<table> 
 <tbody> 
  <tr> 
   <td>?</td> 
   <td>!</td> 
  </tr> 
  <tr> 
   <td>###</td> 
   <td>$$$</td> 
  </tr> 
 </tbody> 
</table> 
</body> 
</html>

ddragas

8:08 pm on Nov 29, 2006 (gmt 0)

thank you for reply

Now I'm getting bottom border on every table. Is there a way to make it only on certain table?

ddragas

8:09 pm on Nov 29, 2006 (gmt 0)

in way like class

Fotiman

9:00 pm on Nov 29, 2006 (gmt 0)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
 "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
table.yourClass{  
border-collapse:collapse;  
}  
table.yourClass td{  
border-bottom:1px solid #000000;  
}  
</style>  
<title>Test</title>  
</head>  
<body>  
<table class="yourClass">  
 <tbody>  
 <tr>  
  <td>?</td>  
  <td>!</td>  
 </tr>  
 <tr>  
  <td>###</td>  
  <td>$$$</td>  
 </tr>  
 </tbody>  
</table>  
</body>  
</html>

ddragas

9:10 pm on Nov 29, 2006 (gmt 0)

thank you for reply

works great