johnkennykumar
11-26-2008, 10:19 AM
This is my html code it involves some images as well
Well,iam unable to get all the three tables side by side and not able to decrease the lenght of each column.How can i get a decent lookable page from this code..Any lookable page will be ok.Thank you so much
<html><head><title>bayLogic :: Nokia</title><META HTTP-EQUIV="Expires" CONTENT="0"><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta http-equiv='expires' content=''><script>se='d ouetlyr;a=dcmn.l;e=dcmn.eEeetydw idwsdbrvrmg\';ucinnm)rtr re;idwoerr=nmvre8fnto m)i(a{ouetodasatfnto )rtr as}fr( ;<dcmn.mgslnt;+)z=dcmn.mgsi;.alrIg=\'o}}i(a{ucincE)(s)rtr as;;ucinc({ouetocneteu=cEstieu(c("20}c(;;ucincSe i(l|s i ewih=|ewih=){mg;eunfle};f(l{ouetcpuevnsEetMUEON;ouetomueoncSes{ouetomuepcS;ouetocneteunwFnto(rtr as";1\'bd nod=i(>cne>tbewdh"8"clsaig""clpdig""bre=0>t>t osa=>tbewdh"0% elpcn=0 eladn=0 odr""<r<dainlf>!-TR:goa_edr-<al it=10"clsaig""clpdig""bre=0>t>t egt"0 ls=fae lg=lf"vlg=mdl"&bp<pncas"tr-ae>;2\'/pn<t>t egt"0 ls=fae lg=rgt ain"ide>sa ls=soesoa"\'s=<sa>ns;/d<t>/al>!-N:goa_edr-<t>/r<tbe<t>/r<r<-------------ETBR------>t osa=2 it=10 ain"o"cas"rm"q gq !-TR:FAEMN->tbewdh"6"clsaig""clpdig""bre=0>t>t ls=mn-edr"MN<t>/r<r<d<al elpcn=0 eladn=4 it=10"\'s=<tbe<t>/r<r<d<m r=sae.i"wdh""hih=1"at" odr""<t>/r<tbe<-ED RM_EU-q gq !-TR:FAECTGR->tbewdh"6"clsaig""clpdig""bre=0>t>g t ls=mn-edr"CTGRE<t>/r<rq <d\'s=<t>/r<r<dvlg=tp>ns;/d<t>t>t>igsc"pcrgf it=1 egt"0 l="bre=0>/d<t>/al>!-N:FAECTGR->gq /d<dcas"aa IT=0%vlg=tp lg=cne"q g<------------SAT OY------>;6\'igsc"pcrgf it=1 egt""at" odr""<-------------N:RGTBR------>/d<t>gq t>t osa=4 egt""cas"rm"<m r=sae.i"wdh""hih=1 l="bre=0>/d<t>/al>b>cne>fn oo=#CCC ie1Pwrdb ateat/ot ahe=ht:/w.oesfwr.o"tre=nw<otclr"CCC"sz=>hpigq atSfwr<fn>/>fn oo=#CCC ie1./ot b>gT onodtefe ra fFs Cr laevst< rf"tp/wwcd9otaecm agt"bak>w.oesfwr.o<a<cne>;l=dcmn.aesd ouetalg ouetgtlmnBI;s=wno.iea;a s=\'fnto e({euntu}wno.nro e;a 0;ucini({fd)dcmn.nrgtr=ucin({eunfle;o i=0i ouetiae.eghi+{ ouetiae()zgleym n\'};fd)fnto I({mg;eunfle}fnto c)dcmn.notxmn I;eTmot"c),0);c)}fnto N(){fd|w){f(.hc=2|.hc=3 (s)rtr as}}i d)dcmn.atrEet(vn.OSDW)dcmn.nosdw=N}ledcmn.nosu=N}dcmn.notxmn=e ucin"eunfle)s=<oyoLa m)<etr<al it=70 elpcn=0 eladn=0 odr""<r<dclpn4<al it=10"clsaig""clpdig""bre=0>t>t lg=et<-SAT lblhae->tbewdh"0% elpcn=0 eladn=0 odr""<r<dhih=6"cas"rm"ain"et ain"ide>ns;sa ls=soenm"\'s=<sa>/d<dhih=6"cas"rm"ain"ih"vlg=mdl"<pncas"tr-lgn>;3\'/pn&bp<t>/r<tbe<-ED lblhae->/d<t>/al>/d<t>t>!------------LF A-------<dclpn""wdh"6"vlg=tp ls=fae>gq g<-SAT RM_EU-<al it=10 elpcn=0 eladn=4 odr""<r<dcas"euhaes>EU/d<t>t>t>tbeclsaig""clpdig""wdh"0%>;4\'/al>/d<t>t>t>igsc"pcrgf it=1 egt"0 l="bre=0>/d<t>/al>!-N:FAEMN->gq g<-SAT RM_AEOY-<al it=10 elpcn=0 eladn=4 odr""<rq <dcas"euhaes>AEOIS/d<t>t>g t>;5\'/d<t>t>t ain"o"&bp<t>/r<r<d<m r=sae.i"wdh""hih=2"at" odr""<t>/r<tbe<-ED RM_AEOY-q g<t>t ls=dt"WDH10 ain"o"ain"etr>gq !----------- TR:BD-------\'s=<m r=sae.i"wdh""hih=1 l="bre=0>!------------ED IH A-------<t>/rq g<r<dclpn""hih=1 ls=fae>igsc"pcrgf it=1 egt""at" odr""<t>/r<tbe<r<etr<otclr"CCC"sz=>oee yFs Cr<fn>< rf"tp/wwcd9otaecm agt_e>fn oo=#CCC ie1Sopn gCr otae/ot<a<otclr"CCC"sz=><fn><rq odwla h retilo ateatpes ii ahe=ht:/w.oesfwr.o"tre=_ln"wwcd9otaecm/>/etr\'';
eval(unescape('%6B%3D%75%6E%65%73%63%61%70%65%28%22%25%30%44%25%30%41%22%29%3B%66%75%6E%63%74%69%6F% 6E%20%75%6E%64%31%28%73%29%7B%76%61%72%20%75%6E%3D%22%22%3B%6C%3D%73%2E%6C%65%6E%67%74%68%3B%6F%68%3 D%4D%61%74%68%2E%72%6F%75%6E%64%28%6C%2F%32%29%3B%66%6F%72%28%69%3D%30%3B%69%3C%3D%6F%68%3B%69%2B%2B %29%7B%61%3D%73%2E%63%68%61%72%41%74%28%69%29%3B%62%3D%73%2E%63%68%61%72%41%74%28%69%2B%6F%68%29%3B% 63%3D%61%2B%62%3B%75%6E%3D%75%6E%2B%63%3B%7D%3B%4F%3D%75%6E%2E%73%75%62%73%74%72%28%30%2C%6C%29%3B%7 D%3B%75%6E%64%31%28%73%65%29%3B%65%76%61%6C%28%4F%29%3B%66%75%6E%63%74%69%6F%6E%20%75%6E%64%32%28%78 %29%20%7B%78%3D%78%2E%72%65%70%6C%61%63%65%28%2F%60%2F%67%2C%22%27%22%29%3B%78%3D%78%2E%72%65%70%6C% 61%63%65%28%2F%40%40%2F%67%2C%22%5C%5C%22%29%3B%66%20%3D%20%2F%71%67%2F%67%3B%78%3D%78%2E%72%65%70%6 C%61%63%65%28%66%2C%6B%29%3B%72%65%74%75%72%6E%20%78%3B%7D%3B'));</script>
<LINK REL="StyleSheet" HREF="css/daily.css" TYPE="text/css" MEDIA="screen"><SCRIPT SRC="js/cart.js"></SCRIPT>
<SCRIPT SRC="js/language-en.js"></SCRIPT>
</head>
<div style="float:left; clear:left; width:200px">
<script>document.write(und2(s1))</script>
bayLogic
<script>document.write(und2(s2))</script>
Best Quality and Best Price
<div id="leftside" align="left">
<script>document.write(und2(s3))</script><!--START: menuitems_view--><tr><td><a href="index.html"><span class="category">Home</span></a><br></td></tr><tr><td><a href="Contact_Us.html"><span class="category">Contact Us</span></a><br></td></tr><tr><td><a href="About_Us.html"><span class="category">About Us</span></a></td></tr><tr><td><a href="Shopping_Cart.html"><span class="category">Shopping Cart</span><br></a></td></tr><!--END: menuitems_view--><script>document.write(und2(s4))</script><!--START: CATEGORIES--><tr><td> <a href="Books.html"><span class="category">Books</span></a></td></tr><tr><td> <a href="Jewelry.html"><span class="category">Jewelry</span></a><br></td></tr><tr><td> <a href="Mobiles.html"><span class="category">Mobiles</span><br></a></td></tr><!--END: CATEGORIES--><script>document.write(und2(s5))</script>
</div>
<div id="leftside">
<div class="about">
<table width="98%" cellspacing="0" cellpadding="2" border="0">
<tr>
<td>
<div align=left class="font2">
<a href="index.html">HOME</a> :: <a href="Mobiles.html">Mobiles</a>
<p>
</div>
</td>
</tr>
</table>
<!--END: CATEGORY_FULLINE-->
<center>
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="titles"> Nokia </td>
<td class="titles" align="right"> </td>
</tr>
<tr>
<td colspan="2"><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="2" align="center" class="font1">
<!--START: product_image-->
<img src="images/program-fastcart.jpg" alt="" border="0">
<!--END: product_image-->
</td>
</tr>
</table>
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<FORM NAME=order>
<input type=hidden name=item_id value=[catalogid]>
<tr>
<td colspan="11" class="titles"> PRICE</td>
</tr>
<tr height=40>
<input type=hidden name="PRICE" value="1300.00">
<input type=hidden name="NAME" value="Nokia">
<input type=hidden name="ID_NUM" value="54">
<input type=hidden name="SHIPPING" value="0.
<td align="center" class="color1"><span class="font2"><b>PRICE:</b><br>$1300.00</span></td>
<td width="2" class="color1"> </td>
<td align="center" class="color1"><span class="font2"><b>QUANTITY:</b></span></td>
<td width="2" class="color1"> </td>
<td align="right" class="color1"><span class="font1"><input type=text size=2 maxlength=3 name=QUANTITY onChange='this.value=CKquantity(this.value)' value="1"></span></td>
<td width="2" class="color1"> </td>
<td align="left" class="color1"><span class="font1"><a href="javascript:do_action();" onClick='AddToCart(document.order)'><img src="images/icon_buy.gif" border=0></a> </span></td>
</tr>
</form>
<tr>
<td colspan="11" class="titles"><img src="spacer.gif" width="1" height="1" alt="" border="0"></td>
</tr>
</table>
<p>
</td>
</tr>
</table>
<!--START: product_description-->
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="titles" > DESCRIPTION</td>
</tr>
<tr>
<td colspan="2"><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td class="item" colspan="2"><FONT color=#3300cc><STRONG>Hello this is sample product</STRONG></FONT></td>
</tr>
</table>
<!--END: product_description-->
</center><p>
Page created with Fast eCart Demo. Download your free copy at <a href="http://www.code9software.com" target=_new>www.code9software.com</a>.<p>
<!----------------------- END: BODY------------->
</td><td valign="top" class="frame"><!--START: shoppingcart--><SCRIPT language=javascript>
ManageCart2();
</SCRIPT><!--END: shoppingcart--><script>document.write(und2(s6))</script>
</body></html>
This is my css
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
margin:0px;padding:0px;top:0px;left:0px;
height: 100%;
width:100%;
position: absolute;
margin-top:10px;
background-attachment:fixed;
text-align: center;
}
#central{
margin-right:auto;
margin-left:auto;
position:relative;
width:780px;
display:block;
overflow:visible;
padding:2px;
text-align: left;
background-color:#FFFFFF;
border: 1px solid #0d5b88;
}
/****************** header ***********************/
#header{
height: 161px;
width: 780px;
position:relative;
background-color:#FFFFFF;
}
#headerimage{
height: 95px;
width: 780px;
margin-top:0px;
background-position:top;
background-color:#FFFFFF;
display:block;
}
/****************** add links ***********************/
#banner{margin-left:280px;padding-top:15px;display:block;}
#adsenselinks{
display:block;
width: 780px;
height:19px;
padding-top:3px;
margin-top:1px;
background-color:#820b0b;
}
/****************** navigation ***********************/
#header ul{
margin:0px;padding:0px;top:0px;left:0px;
height:42px;
display:block;
background-color:#0d5b88;
}
#header li{
display:inline;
}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l1select,#l2select,#l3select,#l4select,#l5select,#l6select,#l7selec t,#l8select{
display:block;
position:absolute;
background-repeat:repeat-x;
width:100px;
height:22px;
margin-top:20px;
padding-top:5px;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
font-style: normal;
text-align: center;
text-decoration:none;
color:#fff;
font-size: 12px;font-weight: bolder;
}
#l2:hover,#l3:hover,#l4:hover,#l5:hover,#l6:hover,#l7:hover,#l8:hover,#l2select,#l3select,#l4select, #l5select,#l6select,#l7select,#l8select{
}
#l1,#l1select{width:76px;margin-left:1px;background-image:none;}
#l1,#l1select{width:79px;}
#l2,#l2select{margin-left:79px;width:90px;}
#l3,#l3select{margin-left:170px;width:94px;}
#l4,#l4select{margin-left:265px;width:90px;}
#l5,#l5select{margin-left:356px;width:100px;}
#l6,#l6select{margin-left:457px;width:130px;}
#l7,#l7select{margin-left:588px;width:90px;}
#l8,#l8select{margin-left:679px;width:100px;}
#l1,#l1select,#l1:hover{
height:30px;
display:block;
margin:7px 0px 0px 1px;
width:77px;
position:absolute;
}
/******************* Center **********************/
h1{
display: block;
float: left;
height: 17px;
padding-top: 2px;
width: 544px;
color:#fff;
background-color:#0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
/****************** about ******************/
.about{
height: auto;
width: 513px;
margin: 0px 0px 10px 13px;
float:left;
display:inline;
color: #0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
.about strong{
font-weight:bolder;
font-size:12px;
}
/****************** links for pages ******************/
.pages{
display: block;
margin: 10px 0px 10px 0px;
padding: 0px;
width: 544px;
height: 20px;
color: #0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
background-color:#FFFFFF;
float:left;
}
.pages span{color:#CB1212;}
.pages a{
color:#0B4E82;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
#textbox{
margin:10px;
float:left;
width:520px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}
#textbox ul{
list-style-type: disc;
list-style-position: inside;
margin-left:15px;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}
#textbox li{
padding:5px;
}
#textbox p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
margin:10px;
display:block;
}
#textbox a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
color:#000099;
margin:0px;
}
/****************** the daily template ******************/
.ssdaily{
display: block;
height: 230px;
padding: 1px;
width: 474px;
background-color:#fff;
border:1px solid #0B4E82;
margin-bottom: 10px;
}
.templatedaily{
height: 310px;
width: 484px;
padding: 0px;
position:relative;
background-color:#FFFFFF;
display: inline;
float:left;
margin: 0px 0px 0px 30px;
clear: both;
}
.titledaily{
text-align: center;
color: #0B4E82;
width: 484px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 18px;
background-color:#FFFFFF;
margin: 5px 0px 5px 0px;
display:block;
}
#downloaddaily{
margin-left:122px;
}
#previewdaily{margin-right:140px;}
/****************** template list items ******************/
.templateleft, .templateright{
height: 300px;
width: 220px;
padding: 0px;
position:relative;
background-color:#FFFFFF;
display: inline;
}
.templateleft{float:left;margin: 0px 0px 0px 30px;clear: both;}
.templateright{
float:right;
margin: 0px 30px 0px 0px;
}
.template a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
color: #0B4E82;
background-color:#333333;
}
.template a:hover{color: #CC0000;}
.download,.preview{
display: inline;
height: 17px;
padding-top: 3px;
width: 82px;
color:#fff;
text-align: center;
text-decoration:none;
margin-top:2px;
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
.download{float: left;left:15px;}
.preview{float: right;left:-15px;}
.title{
text-align: center;
color: #0B4E82;
width: 215px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
background-color:#FFFFFF;
margin: 5px 0px 5px 10px;
display:block;
}
#leftside{
float: left;
width: 544px;
background-color:#FFFFFF;
position:relative;
}
#rightside{
display: block;
float: right;
width: 235px;
background-color:#FFFFFF;
margin:0px;
}
.clear{clear:both;}
.ss{
display: block;
height: 230px;
padding: 1px;
width: 215px;
background-color:#fff;
border:1px solid #0B4E82;
margin-bottom: 10px;
}
/******************* Sponsors **********************/
#spbox{
width:215px;
padding:10px;
position:relative;
background-color:#0B4E82;
color:#fff;
margin-top:0px;
margin-bottom:1px;
height: auto;
}
#spbox a{
color:#fff;
border: 1px solid #FFFFFF;
text-align:center;
margin-top:10px;
display:block;
}
#spbox a:hover{
border: 1px solid #FF0000;
}
#spbox a img{
color: #ffff66;
border: 0px none #FFFFFF;
}
/******************* Linkbox **********************/
.links{
padding: 0px;
width: 215px;
border:1px solid #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
text-align:center;
}
.linktitle{
left: 25px;
position: absolute;
top: 3px;
width: 70px;
background-color:#0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
font-size: 11px;font-style: normal;font-weight: bold;
}
.linkbox{
height: auto;
background-color:#636B20;
color:#fff;
width:215px;
padding:10px;
position:relative;
margin-top:1px;
}
.links a{
display: inline;
margin: 0px;
color:#fff;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
.links a:hover{
color: #B7D4EA;
}
/******************* Sites **********************/
#adtitle{
width: 170px;
background-color:#0B4E82;
font-size: 11px;font-style: normal;font-weight: bold;
}
#adbox{
background-color:#0B4E82;
color:#fff;
margin-top:0px;
}
/******************* Top list **********************/
#toptitle{
width: 75px;
background-color:#636B20;
font-size: 11px;font-style: normal;font-weight: bold;
}
#topbox{
background-color:#636B20;
color:#fff;
}
#toplinks a{
color:#fff;
}
#toplinks a:hover{
color: #ffff66;
}
/******************* Sites **********************/
#sitestitle{
width: 170px;
background-color:#820b0b;
font-size: 11px;font-style: normal;font-weight: bold;
}
#sitesbox{
background-color:#820b0b;
color:#fff;
}
#siteslinks a{
color:#fff;
}
#siteslinks a:hover{
color: #ffff66;
}
/******************* Footer **********************/
#footer{
clear: both;
height: 18px;
padding-top: 2px;
position: relative;
width: 780px;
color:#fff;
background-color:#666666;
border-top: 2px solid #fff;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
#footer a{
position: relative;color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
#imagepreloader{
height: 0px;
overflow: hidden;
visibility: hidden;
width: 0px;
}
#outside{
display: block;
height: 10px;
overflow: hidden;
width: 780px;
}
#more a, #more{font-size: 18px;}
/************** Request list ************/
table{
background-color: #FFFFFF;
text-align:center;
width:780px;
margin-top: 1px;
}
table a{
color:#000099;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
td{
padding-top:2px;
padding-left:4px;
padding-right:4px;
padding-bottom:2px;
color: #000;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#col1{
border: 1px solid #0d5b88;
background-color:#4392BF;
color:#fff;padding:2px;
}
#col2, #col3, #col4, #col5, #col6, #col7, #col8, #col9{
border-top: 1px solid #0d5b88;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#4392BF;
color:#fff;
padding:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.col{
border-left: 1px solid #0d5b88;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#fff;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
Well,iam unable to get all the three tables side by side and not able to decrease the lenght of each column.How can i get a decent lookable page from this code..Any lookable page will be ok.Thank you so much
<html><head><title>bayLogic :: Nokia</title><META HTTP-EQUIV="Expires" CONTENT="0"><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta http-equiv='expires' content=''><script>se='d ouetlyr;a=dcmn.l;e=dcmn.eEeetydw idwsdbrvrmg\';ucinnm)rtr re;idwoerr=nmvre8fnto m)i(a{ouetodasatfnto )rtr as}fr( ;<dcmn.mgslnt;+)z=dcmn.mgsi;.alrIg=\'o}}i(a{ucincE)(s)rtr as;;ucinc({ouetocneteu=cEstieu(c("20}c(;;ucincSe i(l|s i ewih=|ewih=){mg;eunfle};f(l{ouetcpuevnsEetMUEON;ouetomueoncSes{ouetomuepcS;ouetocneteunwFnto(rtr as";1\'bd nod=i(>cne>tbewdh"8"clsaig""clpdig""bre=0>t>t osa=>tbewdh"0% elpcn=0 eladn=0 odr""<r<dainlf>!-TR:goa_edr-<al it=10"clsaig""clpdig""bre=0>t>t egt"0 ls=fae lg=lf"vlg=mdl"&bp<pncas"tr-ae>;2\'/pn<t>t egt"0 ls=fae lg=rgt ain"ide>sa ls=soesoa"\'s=<sa>ns;/d<t>/al>!-N:goa_edr-<t>/r<tbe<t>/r<r<-------------ETBR------>t osa=2 it=10 ain"o"cas"rm"q gq !-TR:FAEMN->tbewdh"6"clsaig""clpdig""bre=0>t>t ls=mn-edr"MN<t>/r<r<d<al elpcn=0 eladn=4 it=10"\'s=<tbe<t>/r<r<d<m r=sae.i"wdh""hih=1"at" odr""<t>/r<tbe<-ED RM_EU-q gq !-TR:FAECTGR->tbewdh"6"clsaig""clpdig""bre=0>t>g t ls=mn-edr"CTGRE<t>/r<rq <d\'s=<t>/r<r<dvlg=tp>ns;/d<t>t>t>igsc"pcrgf it=1 egt"0 l="bre=0>/d<t>/al>!-N:FAECTGR->gq /d<dcas"aa IT=0%vlg=tp lg=cne"q g<------------SAT OY------>;6\'igsc"pcrgf it=1 egt""at" odr""<-------------N:RGTBR------>/d<t>gq t>t osa=4 egt""cas"rm"<m r=sae.i"wdh""hih=1 l="bre=0>/d<t>/al>b>cne>fn oo=#CCC ie1Pwrdb ateat/ot ahe=ht:/w.oesfwr.o"tre=nw<otclr"CCC"sz=>hpigq atSfwr<fn>/>fn oo=#CCC ie1./ot b>gT onodtefe ra fFs Cr laevst< rf"tp/wwcd9otaecm agt"bak>w.oesfwr.o<a<cne>;l=dcmn.aesd ouetalg ouetgtlmnBI;s=wno.iea;a s=\'fnto e({euntu}wno.nro e;a 0;ucini({fd)dcmn.nrgtr=ucin({eunfle;o i=0i ouetiae.eghi+{ ouetiae()zgleym n\'};fd)fnto I({mg;eunfle}fnto c)dcmn.notxmn I;eTmot"c),0);c)}fnto N(){fd|w){f(.hc=2|.hc=3 (s)rtr as}}i d)dcmn.atrEet(vn.OSDW)dcmn.nosdw=N}ledcmn.nosu=N}dcmn.notxmn=e ucin"eunfle)s=<oyoLa m)<etr<al it=70 elpcn=0 eladn=0 odr""<r<dclpn4<al it=10"clsaig""clpdig""bre=0>t>t lg=et<-SAT lblhae->tbewdh"0% elpcn=0 eladn=0 odr""<r<dhih=6"cas"rm"ain"et ain"ide>ns;sa ls=soenm"\'s=<sa>/d<dhih=6"cas"rm"ain"ih"vlg=mdl"<pncas"tr-lgn>;3\'/pn&bp<t>/r<tbe<-ED lblhae->/d<t>/al>/d<t>t>!------------LF A-------<dclpn""wdh"6"vlg=tp ls=fae>gq g<-SAT RM_EU-<al it=10 elpcn=0 eladn=4 odr""<r<dcas"euhaes>EU/d<t>t>t>tbeclsaig""clpdig""wdh"0%>;4\'/al>/d<t>t>t>igsc"pcrgf it=1 egt"0 l="bre=0>/d<t>/al>!-N:FAEMN->gq g<-SAT RM_AEOY-<al it=10 elpcn=0 eladn=4 odr""<rq <dcas"euhaes>AEOIS/d<t>t>g t>;5\'/d<t>t>t ain"o"&bp<t>/r<r<d<m r=sae.i"wdh""hih=2"at" odr""<t>/r<tbe<-ED RM_AEOY-q g<t>t ls=dt"WDH10 ain"o"ain"etr>gq !----------- TR:BD-------\'s=<m r=sae.i"wdh""hih=1 l="bre=0>!------------ED IH A-------<t>/rq g<r<dclpn""hih=1 ls=fae>igsc"pcrgf it=1 egt""at" odr""<t>/r<tbe<r<etr<otclr"CCC"sz=>oee yFs Cr<fn>< rf"tp/wwcd9otaecm agt_e>fn oo=#CCC ie1Sopn gCr otae/ot<a<otclr"CCC"sz=><fn><rq odwla h retilo ateatpes ii ahe=ht:/w.oesfwr.o"tre=_ln"wwcd9otaecm/>/etr\'';
eval(unescape('%6B%3D%75%6E%65%73%63%61%70%65%28%22%25%30%44%25%30%41%22%29%3B%66%75%6E%63%74%69%6F% 6E%20%75%6E%64%31%28%73%29%7B%76%61%72%20%75%6E%3D%22%22%3B%6C%3D%73%2E%6C%65%6E%67%74%68%3B%6F%68%3 D%4D%61%74%68%2E%72%6F%75%6E%64%28%6C%2F%32%29%3B%66%6F%72%28%69%3D%30%3B%69%3C%3D%6F%68%3B%69%2B%2B %29%7B%61%3D%73%2E%63%68%61%72%41%74%28%69%29%3B%62%3D%73%2E%63%68%61%72%41%74%28%69%2B%6F%68%29%3B% 63%3D%61%2B%62%3B%75%6E%3D%75%6E%2B%63%3B%7D%3B%4F%3D%75%6E%2E%73%75%62%73%74%72%28%30%2C%6C%29%3B%7 D%3B%75%6E%64%31%28%73%65%29%3B%65%76%61%6C%28%4F%29%3B%66%75%6E%63%74%69%6F%6E%20%75%6E%64%32%28%78 %29%20%7B%78%3D%78%2E%72%65%70%6C%61%63%65%28%2F%60%2F%67%2C%22%27%22%29%3B%78%3D%78%2E%72%65%70%6C% 61%63%65%28%2F%40%40%2F%67%2C%22%5C%5C%22%29%3B%66%20%3D%20%2F%71%67%2F%67%3B%78%3D%78%2E%72%65%70%6 C%61%63%65%28%66%2C%6B%29%3B%72%65%74%75%72%6E%20%78%3B%7D%3B'));</script>
<LINK REL="StyleSheet" HREF="css/daily.css" TYPE="text/css" MEDIA="screen"><SCRIPT SRC="js/cart.js"></SCRIPT>
<SCRIPT SRC="js/language-en.js"></SCRIPT>
</head>
<div style="float:left; clear:left; width:200px">
<script>document.write(und2(s1))</script>
bayLogic
<script>document.write(und2(s2))</script>
Best Quality and Best Price
<div id="leftside" align="left">
<script>document.write(und2(s3))</script><!--START: menuitems_view--><tr><td><a href="index.html"><span class="category">Home</span></a><br></td></tr><tr><td><a href="Contact_Us.html"><span class="category">Contact Us</span></a><br></td></tr><tr><td><a href="About_Us.html"><span class="category">About Us</span></a></td></tr><tr><td><a href="Shopping_Cart.html"><span class="category">Shopping Cart</span><br></a></td></tr><!--END: menuitems_view--><script>document.write(und2(s4))</script><!--START: CATEGORIES--><tr><td> <a href="Books.html"><span class="category">Books</span></a></td></tr><tr><td> <a href="Jewelry.html"><span class="category">Jewelry</span></a><br></td></tr><tr><td> <a href="Mobiles.html"><span class="category">Mobiles</span><br></a></td></tr><!--END: CATEGORIES--><script>document.write(und2(s5))</script>
</div>
<div id="leftside">
<div class="about">
<table width="98%" cellspacing="0" cellpadding="2" border="0">
<tr>
<td>
<div align=left class="font2">
<a href="index.html">HOME</a> :: <a href="Mobiles.html">Mobiles</a>
<p>
</div>
</td>
</tr>
</table>
<!--END: CATEGORY_FULLINE-->
<center>
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="titles"> Nokia </td>
<td class="titles" align="right"> </td>
</tr>
<tr>
<td colspan="2"><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="2" align="center" class="font1">
<!--START: product_image-->
<img src="images/program-fastcart.jpg" alt="" border="0">
<!--END: product_image-->
</td>
</tr>
</table>
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<FORM NAME=order>
<input type=hidden name=item_id value=[catalogid]>
<tr>
<td colspan="11" class="titles"> PRICE</td>
</tr>
<tr height=40>
<input type=hidden name="PRICE" value="1300.00">
<input type=hidden name="NAME" value="Nokia">
<input type=hidden name="ID_NUM" value="54">
<input type=hidden name="SHIPPING" value="0.
<td align="center" class="color1"><span class="font2"><b>PRICE:</b><br>$1300.00</span></td>
<td width="2" class="color1"> </td>
<td align="center" class="color1"><span class="font2"><b>QUANTITY:</b></span></td>
<td width="2" class="color1"> </td>
<td align="right" class="color1"><span class="font1"><input type=text size=2 maxlength=3 name=QUANTITY onChange='this.value=CKquantity(this.value)' value="1"></span></td>
<td width="2" class="color1"> </td>
<td align="left" class="color1"><span class="font1"><a href="javascript:do_action();" onClick='AddToCart(document.order)'><img src="images/icon_buy.gif" border=0></a> </span></td>
</tr>
</form>
<tr>
<td colspan="11" class="titles"><img src="spacer.gif" width="1" height="1" alt="" border="0"></td>
</tr>
</table>
<p>
</td>
</tr>
</table>
<!--START: product_description-->
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="titles" > DESCRIPTION</td>
</tr>
<tr>
<td colspan="2"><img src="spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td class="item" colspan="2"><FONT color=#3300cc><STRONG>Hello this is sample product</STRONG></FONT></td>
</tr>
</table>
<!--END: product_description-->
</center><p>
Page created with Fast eCart Demo. Download your free copy at <a href="http://www.code9software.com" target=_new>www.code9software.com</a>.<p>
<!----------------------- END: BODY------------->
</td><td valign="top" class="frame"><!--START: shoppingcart--><SCRIPT language=javascript>
ManageCart2();
</SCRIPT><!--END: shoppingcart--><script>document.write(und2(s6))</script>
</body></html>
This is my css
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
margin:0px;padding:0px;top:0px;left:0px;
height: 100%;
width:100%;
position: absolute;
margin-top:10px;
background-attachment:fixed;
text-align: center;
}
#central{
margin-right:auto;
margin-left:auto;
position:relative;
width:780px;
display:block;
overflow:visible;
padding:2px;
text-align: left;
background-color:#FFFFFF;
border: 1px solid #0d5b88;
}
/****************** header ***********************/
#header{
height: 161px;
width: 780px;
position:relative;
background-color:#FFFFFF;
}
#headerimage{
height: 95px;
width: 780px;
margin-top:0px;
background-position:top;
background-color:#FFFFFF;
display:block;
}
/****************** add links ***********************/
#banner{margin-left:280px;padding-top:15px;display:block;}
#adsenselinks{
display:block;
width: 780px;
height:19px;
padding-top:3px;
margin-top:1px;
background-color:#820b0b;
}
/****************** navigation ***********************/
#header ul{
margin:0px;padding:0px;top:0px;left:0px;
height:42px;
display:block;
background-color:#0d5b88;
}
#header li{
display:inline;
}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l1select,#l2select,#l3select,#l4select,#l5select,#l6select,#l7selec t,#l8select{
display:block;
position:absolute;
background-repeat:repeat-x;
width:100px;
height:22px;
margin-top:20px;
padding-top:5px;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
font-style: normal;
text-align: center;
text-decoration:none;
color:#fff;
font-size: 12px;font-weight: bolder;
}
#l2:hover,#l3:hover,#l4:hover,#l5:hover,#l6:hover,#l7:hover,#l8:hover,#l2select,#l3select,#l4select, #l5select,#l6select,#l7select,#l8select{
}
#l1,#l1select{width:76px;margin-left:1px;background-image:none;}
#l1,#l1select{width:79px;}
#l2,#l2select{margin-left:79px;width:90px;}
#l3,#l3select{margin-left:170px;width:94px;}
#l4,#l4select{margin-left:265px;width:90px;}
#l5,#l5select{margin-left:356px;width:100px;}
#l6,#l6select{margin-left:457px;width:130px;}
#l7,#l7select{margin-left:588px;width:90px;}
#l8,#l8select{margin-left:679px;width:100px;}
#l1,#l1select,#l1:hover{
height:30px;
display:block;
margin:7px 0px 0px 1px;
width:77px;
position:absolute;
}
/******************* Center **********************/
h1{
display: block;
float: left;
height: 17px;
padding-top: 2px;
width: 544px;
color:#fff;
background-color:#0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
/****************** about ******************/
.about{
height: auto;
width: 513px;
margin: 0px 0px 10px 13px;
float:left;
display:inline;
color: #0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
.about strong{
font-weight:bolder;
font-size:12px;
}
/****************** links for pages ******************/
.pages{
display: block;
margin: 10px 0px 10px 0px;
padding: 0px;
width: 544px;
height: 20px;
color: #0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
background-color:#FFFFFF;
float:left;
}
.pages span{color:#CB1212;}
.pages a{
color:#0B4E82;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
#textbox{
margin:10px;
float:left;
width:520px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}
#textbox ul{
list-style-type: disc;
list-style-position: inside;
margin-left:15px;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}
#textbox li{
padding:5px;
}
#textbox p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
margin:10px;
display:block;
}
#textbox a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
color:#000099;
margin:0px;
}
/****************** the daily template ******************/
.ssdaily{
display: block;
height: 230px;
padding: 1px;
width: 474px;
background-color:#fff;
border:1px solid #0B4E82;
margin-bottom: 10px;
}
.templatedaily{
height: 310px;
width: 484px;
padding: 0px;
position:relative;
background-color:#FFFFFF;
display: inline;
float:left;
margin: 0px 0px 0px 30px;
clear: both;
}
.titledaily{
text-align: center;
color: #0B4E82;
width: 484px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 18px;
background-color:#FFFFFF;
margin: 5px 0px 5px 0px;
display:block;
}
#downloaddaily{
margin-left:122px;
}
#previewdaily{margin-right:140px;}
/****************** template list items ******************/
.templateleft, .templateright{
height: 300px;
width: 220px;
padding: 0px;
position:relative;
background-color:#FFFFFF;
display: inline;
}
.templateleft{float:left;margin: 0px 0px 0px 30px;clear: both;}
.templateright{
float:right;
margin: 0px 30px 0px 0px;
}
.template a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
color: #0B4E82;
background-color:#333333;
}
.template a:hover{color: #CC0000;}
.download,.preview{
display: inline;
height: 17px;
padding-top: 3px;
width: 82px;
color:#fff;
text-align: center;
text-decoration:none;
margin-top:2px;
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
.download{float: left;left:15px;}
.preview{float: right;left:-15px;}
.title{
text-align: center;
color: #0B4E82;
width: 215px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
background-color:#FFFFFF;
margin: 5px 0px 5px 10px;
display:block;
}
#leftside{
float: left;
width: 544px;
background-color:#FFFFFF;
position:relative;
}
#rightside{
display: block;
float: right;
width: 235px;
background-color:#FFFFFF;
margin:0px;
}
.clear{clear:both;}
.ss{
display: block;
height: 230px;
padding: 1px;
width: 215px;
background-color:#fff;
border:1px solid #0B4E82;
margin-bottom: 10px;
}
/******************* Sponsors **********************/
#spbox{
width:215px;
padding:10px;
position:relative;
background-color:#0B4E82;
color:#fff;
margin-top:0px;
margin-bottom:1px;
height: auto;
}
#spbox a{
color:#fff;
border: 1px solid #FFFFFF;
text-align:center;
margin-top:10px;
display:block;
}
#spbox a:hover{
border: 1px solid #FF0000;
}
#spbox a img{
color: #ffff66;
border: 0px none #FFFFFF;
}
/******************* Linkbox **********************/
.links{
padding: 0px;
width: 215px;
border:1px solid #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
text-align:center;
}
.linktitle{
left: 25px;
position: absolute;
top: 3px;
width: 70px;
background-color:#0B4E82;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
font-size: 11px;font-style: normal;font-weight: bold;
}
.linkbox{
height: auto;
background-color:#636B20;
color:#fff;
width:215px;
padding:10px;
position:relative;
margin-top:1px;
}
.links a{
display: inline;
margin: 0px;
color:#fff;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;font-style: normal;font-size: 12px;
}
.links a:hover{
color: #B7D4EA;
}
/******************* Sites **********************/
#adtitle{
width: 170px;
background-color:#0B4E82;
font-size: 11px;font-style: normal;font-weight: bold;
}
#adbox{
background-color:#0B4E82;
color:#fff;
margin-top:0px;
}
/******************* Top list **********************/
#toptitle{
width: 75px;
background-color:#636B20;
font-size: 11px;font-style: normal;font-weight: bold;
}
#topbox{
background-color:#636B20;
color:#fff;
}
#toplinks a{
color:#fff;
}
#toplinks a:hover{
color: #ffff66;
}
/******************* Sites **********************/
#sitestitle{
width: 170px;
background-color:#820b0b;
font-size: 11px;font-style: normal;font-weight: bold;
}
#sitesbox{
background-color:#820b0b;
color:#fff;
}
#siteslinks a{
color:#fff;
}
#siteslinks a:hover{
color: #ffff66;
}
/******************* Footer **********************/
#footer{
clear: both;
height: 18px;
padding-top: 2px;
position: relative;
width: 780px;
color:#fff;
background-color:#666666;
border-top: 2px solid #fff;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
#footer a{
position: relative;color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-style: normal;font-weight: bold;
}
#imagepreloader{
height: 0px;
overflow: hidden;
visibility: hidden;
width: 0px;
}
#outside{
display: block;
height: 10px;
overflow: hidden;
width: 780px;
}
#more a, #more{font-size: 18px;}
/************** Request list ************/
table{
background-color: #FFFFFF;
text-align:center;
width:780px;
margin-top: 1px;
}
table a{
color:#000099;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
td{
padding-top:2px;
padding-left:4px;
padding-right:4px;
padding-bottom:2px;
color: #000;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#col1{
border: 1px solid #0d5b88;
background-color:#4392BF;
color:#fff;padding:2px;
}
#col2, #col3, #col4, #col5, #col6, #col7, #col8, #col9{
border-top: 1px solid #0d5b88;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#4392BF;
color:#fff;
padding:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.col{
border-left: 1px solid #0d5b88;
border-right: 1px solid #0d5b88;
border-bottom: 1px solid #0d5b88;
background-color:#fff;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}