<head><title>Assignment 7</title>
<style type="text/css" >
#product{
width:150px;
height:210px;
}
#product_tittle{
height:30px;
width:150px;
padding-top:4px;
text-align:center;
color:#ccccff;
background-color:#330066;
}
#product_image{
width:150px;
height:120px;
}
#product_price{
float:left;
width:75px;
height:60px;
text-align:center;
padding-top:11px;
background-color:#ffff33;
}
#product_detail{
float:left;
width:75px;
height:30px;
color:#ffcc33;
text-align:center;
padding-top:5px;
background-color:#ccffff;
}
#product_cart{
float:left;
height:30px;
width:75px;
text-align:center;
color:white;
padding-top:5px;
background-color:#99ff00;
}
</style>
</head>
<body topmargin="0" leftmargin="0" >
<div id="product" >
<div id="product_tittle" ><strong>Laptop</strong></div>
<div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\laptop.jpg" width="150px" border="0" height="120px" alt="laptop" /></a> </div>
<div id="product_price" ><font color="red"><b>Price:</b></font>
<font color="green"><b>US=500$</b>
</div>
<div id="product_detail"><a href="http://www.nokia.com" target="_blank"><b><u>Detail<u></b></a></div>
<div id="product_cart" ><Strong><a href="http://www.shopingcart.com" target="_blank" >Add Cart</a></strong></div>
</div>
</body>
</html>
إرسال تعليق