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
<style type="text/css"> 
#book > table {
	display:inline;
}
#book > table td {
	text-align:center;
}
</style> 
</head> 
<body style="width:570px;margin: 0 auto;margin-left:220px;border-right:2px solid;border-left:2px solid;"> 
<div style="width:194px;display:inline-block;position:absolute;left:5px;" id="cart-items"> 
		<h4>Items in your cart</h4> 
		<hr /> 
	<table><tbody> 
	</tbody></table> 
</div> 
<div id="book"> 
<table id='book1'><colgroup span='1' width='182'></colgroup><tr><td><img src='images/book1.gif'></img></td></tr><tr class='book-title'><td style='width:120px;'><em>PHP,MySQL & JavaScript</em></td></tr><tr><td>Price: $9</td></tr><tr><td><button type='button' onclick='addToCart.bind(this)("book1")'>add to cart</button></td></tr></table>

<table id='book2'><colgroup span='1' width='182'></colgroup><tr><td><img src='images/book2.gif'></img></td></tr><tr class='book-title'><td style='width:120px;'><em>The Ruby Programming Language</em></td></tr><tr><td>Price: $10</td></tr><tr><td><button type='button' onclick='addToCart.bind(this)("book2")'>add to cart</button></td></tr></table>

<table id='book3'><colgroup span='1' width='182'></colgroup><tr><td><img src='images/book3.gif'></img></td></tr><tr class='book-title'><td style='width:120px;'><em>JavaScript: The Good Parts</em></td></tr><tr><td>Price: $11</td></tr><tr><td><button type='button' onclick='addToCart.bind(this)("book3")'>add to cart</button></td></tr></table>

<table id='book4'><colgroup span='1' width='182'></colgroup><tr><td><img src='images/book3.gif'></img></td></tr><tr class='book-title'><td style='width:120px;'><em>JavaScript: The Good Parts (ebook)</em></td></tr><tr><td>Price: $8</td></tr><tr><td><button type='button' onclick='addToCart.bind(this)("book4")'>add to cart</button></td></tr></table></div> 

</body> 
</html>