Microsoft Office Tutorials and References
In Depth Information
Code for New Design
font-size: 12px;
}
#invmain th
{
background: #CC0000;
}
</style>
</head>
The next section includes the first changes Doug wanted to be made. We have added
the logo, his contact details, and moved the order date, and transaction ID to the top
of the page.
<body>
<div id="invwrapper">
<div id="invheader">
<div class="floatr"><img
src="http://www.dougsdinos.com/files/garland_logo.png"
title="Doug's Dinos Logo" />
</div>
<h1>Doug's Dinos</h1>
</div>
<p class="corporate">Doug's Dinos LTD, Some Address,
Newcastle upon Tyne, NE1 123, T: 0191 645 0000</p>
<p class="floatr textr bpad corporate">Date ordered:
10/01/2008<br />ID#: 00001</p><br /><br /><br />
Next we have the table containing the details of the order, and the charges added as
well as the total cost.
<div id="invmain">
<table border="1">
<tr><th>Item</th><th>Qty</th><th>Cost</th></tr>
<tr><td>T-Rex with support plan</td><td>1</td><td>$85.99</td></
tr>
<tr><td>&nbsp;</td><td>Tax</td><td></strong>$5</strong></td>
<tr><td>&nbsp;</td><td>Shipping</td><td></strong>$5</strong></
td>
<tr><td>&nbsp;</td><td>Total</td><td></strong>$95.99</strong></
td>
</table>
</div>
Finally we have the delivery and billing addresses, which are now at the bottom of
the page where Doug wanted them.
<p class="addressp textl"><strong>Delivery Address:</strong>
Michael Peacock, PCA House, Newcastle, Tyne and Wear,
NE1 PCA, UK</p>
 
Search JabSto ::




Custom Search