I am new to CSS and have a small problem.I am creating a news feed page and want to separate each feed from the other.see the image i have attached to see what i exactly want.
heres what i have tried so far…
<html>
<style type = text/css>
td.border
{
border-right-style: hidden;
border-left-style: hidden;
border-top-style: hidden;
border-bottom-color: #999;
}
</style>
<table width="90%" align="center" cellpadding="4" bgcolor="#A6D2FF">
<tr>
<td width="7%" bgcolor="#FFFFFF"><a href="http://www.project360.in/emp_profile.php?id=uid">Name</a><br />
</td>
<td width="93%" class = "border" bgcolor="#D9ECFF"> <span style="font-size:10px; font-weight:bold; color:#A6A6A6;">Date</span><br />
ufeed</td>
</tr>
</table>
</html>
You should try use border-top/left/right/bottom instead of *-style and *-color:
And as mentioned above – you shouldn’t use table for things like that.