HomeAssignments Web Design - Technical Design - HTML and CSS Assignment 08 ii byFaisal Javaid May 03, 2021 0 Comments <html> <head><title>Assignment 8-i</title> <style type="text/css"> #main{ width:1000px; } #header{ height:70px; background-color:#000066; } #banner{ height:120px; background-color:#9999ff; } #menu{ height:40px; background-color:#330066; } #detail{ float:left; height:600px; width:700px; background-color:#6699cc; } #subdetail{ margin:40px; padding:10px; height:200px; width:600px; background-color:#ffffff; border-top-style:solid; border-top-color:#ff9900; border-bottom-style:solid; border-bottom-color:#ff9900; border-left-style:solid; border-left-color:#ff9900; border-right-style:solid; border-right-color:#ff9900; } #records{ border:5px dashed #330000; margin-top:10px; } #records th{ border:0px solid #ffff33; } #records td{ border:0px dotted #ffffff; padding-left:10px; \*background-color:#ccff66;*/ } #recordstitle{ \*border:1px solid #ffffff;*/ \*background-color:#ccff66;*/ } #navigator{ float:left; height:611px; width:300px; background-color:#006699; } #footer{ height:40px; background-color:#003366; } #product{ width:150px; height:210px; margin:10px; } #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="main" > <div id="header" >Header </div> <div id="banner" >banner </div> <div id="Menu" >Menus </div> <div id="detail" > <div id="subdetail"> <table id="records" bgcolor="#ff9900" border="0" align="center" width="550" height="180" cellpadding="1" cellspacing="0" > <tr bgcolor="#cc6600" id="recordstitle" > <th height="4">Nokia</th> <th height="4">Nokia</th> <th height="4">Nokia</th> </tr> <tr> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Samsung D900i</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\samsung-d900i.jpg" width="150px" border="0" height="120px" alt="Samsung D900i" /></a> </div> <div id="product_price" ><font color="red"><b>Price:</b></font> <font color="green"><b>US=100$</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></td> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Nokia N95</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\n-95.jpg" width="150px" border="0" height="120px" alt="N-95" /></a> </div> <div id="product_price" ><font color="red"><b>Price:</b></font> <font color="green"><b>US=250$</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></td> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Nokia 6303</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\n6303.jpg" width="150px" border="0" height="120px" alt="N6303" /></a> </div> <div id="product_price" ><font color="red"><b>Price:</b></font> <font color="green"><b>US=120$</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></td> </tr> <tr> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Nokia 5300</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\n5300.jpg" width="150px" border="0" height="120px" alt="N5300" /></a> </div> <div id="product_price" ><font color="red"><b>Price:</b></font> <font color="green"><b>US=110$</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></td> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Samsung E1100</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\samsung-e1100.jpg" width="150px" border="0" height="120px" alt="samsung-e1100" /></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></td> <td height="19"><div id="product" > <div id="product_tittle" ><strong>Nokia 3500</strong></div> <div id="product_image" ><a href="http://www.laptopmag.com" target="_blank"><img src="images\n3500.gif" width="150px" border="0" height="120px" alt="n3500" /></a> </div> <div id="product_price" ><font color="red"><b>Price:</b></font> <font color="green"><b>US=140$</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></td> </tr> </table> </div></div> <div id="navigator" >Navigation</div> <div id="footer" >footer </div> </div> </body> </html> Tags Assignments CSS Html Share
Post a Comment