Just another WordPress.com site

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
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: