table table-layout: fixed;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>Spicy Thai Peanut Sauce</title>
<style type='text/css'>
html {
background: #fff url('fruit_veg_web.jpg') no-repeat fixed center center;
}
body {
font-family: monospace;
padding: 10px;
margin: 10px;
/* Moz proprietary opacity property */
-moz-opacity: 0.7;
/* Microsoft proprietary filter property */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
/* CSS 3 opacity property */
opacity: 0.7;
background: url('cross_hatch.jpg') repeat;
}
table.recipe {
width: 100%;
margin-bottom: 5px;
table-layout: fixed;
border-collapse: collapse;
}
th, td {
border: 1px solid crimson;
}
</style>
</head>
<body>
<table class='recipe'>
<caption>
Spicy Thai Peanut Sauce
</caption>
<colgroup>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th> quantity </th>
<th> measurement </th>
<th> product </th>
<th> instructions </th>
</tr>
</thead>
<tbody>
<tr>
<td> ½ </td>
<td> CUPS </td>
<td> Peanut Oil </td>
<td></td>
</tr>
<tr>
<td> 12 </td>
<td> Each </td>
<td> Serrano Peppers </td>
<td> Sliced </td>
</tr>
<tr>
<td> 16 </td>
<td> Each </td>
<td> Garlic Cloves </td>
<td> Minced </td>
</tr>
<tr>
<td> 2 </td>
<td> CUPS </td>
<td> Peanut Butter </td>
<td></td>
</tr>
<tr>
<td> 1 </td>
<td> CUPS </td>
<td> Soy Sauce </td>
<td></td>
</tr>
<tr>
<td> ½ </td>
<td> CUPS </td>
<td> Lime Juice </td>
<td></td>
</tr>
<tr>
<td> 4 </td>
<td> TABLESPOONS </td>
<td> Sesame Oil </td>
<td></td>
</tr>
<tr>
<td> 4 </td>
<td> CUPS </td>
<td> Coconut Milk </td>
<td></td>
</tr>
<tr>
<td> ½ </td>
<td> CUPS </td>
<td> Honey </td>
<td></td>
</tr>
<tr>
<td> ½ </td>
<td> CUPS </td>
<td> Brown Sugar </td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan='4'>
<ul>
<li>
Sauté sliced serranos and garlic in peanut
oil til lightly browned.
</li>
<li>
Add all other ingredients and stir till dissolved.
</li>
<li>
Simmer for 5 minutes.
</li>
<li>
Purée all in blender.
</li>
</ul>
<p>
Sauté your favorite vegetables; onions,
mushrooms, green peppers, and squash work best. Sprinkle
with allspice, salt, and pepper. Optionally add walnuts
or pine nuts. Add browned chicken or tofu and glaze
with sauce. Serve with jasmine rice.
</p>
</td>
</tr>
</tfoot>
</table>
</body>
</html>
Related examples in the same category