All your web development code goes here

Archive for the ‘cellspacing’ Category

cell padding and cell spacing in HTML

We can beutify our page by simple cellspacing and cell padding.
just have a look at code and output at the bottom.

<html>
<head>
<title>cell Padding</title>
<style>
div.pageoverflow {
clear: left;
padding-top: 1px;
width: 350px;
overflow: hidden;

}

div.pagecontainer {
background-color: #ececec;
margin: 10px;
padding: 5px;
border: solid 1px #666;
}
p.pagetext {
color: #384654;
float: left;
padding-top: 5px;
padding-right: 5px;
width: 30em;
margin-bottom: 0.5em;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

</style>
</head>
<body>
<table width=”100%” style=”background-color: #FFFFFF;”>
<tbody><tr>
<td>
<table width=”100%” cellspacing=”2″ cellpadding=”7″>
<tbody><tr style=”background-color:#ECECEC”><td><strong>Date</strong></td><td><strong>Count</strong></td></tr>
<tr style=”background-color:#ECECEC”><td>2013-03-20</td><td>2113812</td></tr><tr style=”background-color:#ECECEC”><td>2013-03-25</td><td>1042</td></tr>

</tbody></table>
</td>
</tr>
</tbody></table>
</body></html>

cell Padding
div.pageoverflow { clear: left; padding-top: 1px; width: 350px; overflow: hidden; } div.pagecontainer { background-color: #ececec; margin: 10px; padding: 5px; border: solid 1px #666; } p.pagetext { color: #384654; float: left; padding-top: 5px; padding-right: 5px; width: 30em; margin-bottom: 0.5em; font:Arial, Helvetica, sans-serif; font-size:12px; }

Date Count
2013-03-20 2113812
2013-03-25 1042
%d bloggers like this: