Question : HTML table

Please see the image and use html to create the table like this. All the data can be static.  I created this table using the following html file, but it doesn't turn out like the image attached. Please correct it. Thanks.

<body>
<table border="0" style="border:1px solid black;">
<tr>
<td><img src="employee.gif" alt="Employee Picture" align="top" width="32" height="32" /></td>
<td><b>Employees</b></td>

</tr>
<tr>
<th>Employee Name</th>
<th>Occupation</th>
<th>Employee id</th>
<th>Location</th>
</tr>

<tr>
<td>John Smith</td>
<td>Programmer</td>
<td>jsmith</td>
<td>CA</td>
</tr>
</table>
<hr />
</body>
Attachments:
 
EmployeeTable.jpg (17 KB)  (File Type Details) 
Employee Table Image
Employee Table Image
 

Answer : HTML table

Try this.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="0" cellspacing="0" style="border:6px solid #dddddd;width:600px;">
<tr style="background-color: #ccffff;"><td>&nbsp;</td>
<td colspan="4" style="background-color: #ccffff;"><img src="employee.gif" alt="Employee Picture" width="32" height="32" align="left" />
<b>Employees</b><br />
Search Employees</td><td>&nbsp;</td>
</tr>
<tr><td>&nbsp;</td>
<td style="font-weight: bold;text-decoration: underline;width:25%;padding: 5px;border-bottom: medium solid #dddddd;">Employee Name</td>
<td style="font-weight: bold;text-decoration: underline;width:25%;padding: 5px;border-bottom: medium solid #dddddd;">Occupation</td>
<td style="font-weight: bold;text-decoration: underline;width:25%;padding: 5px;border-bottom: medium solid #dddddd;">Employee id</td>
<td style="font-weight: bold;text-decoration: underline;width:25%;padding: 5px;border-bottom: medium solid #dddddd;">Location</td><td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td>John Smith</td>
<td>Programmer</td>
<td>jsmith</td>
<td>CA</td>
<td>&nbsp;</td>
</tr>
<tr><td>&nbsp;</td><td colspan="4"><hr /></td><td>&nbsp;</td></tr>
</table>

</body>
</html>
Random Solutions  
 
programming4us programming4us