It is located at the location..
http://www.integrityads.net/fashions/collection.htm
Also it is not resolution compatible,i.e. alignment totally messed up when i increased the resolution.Please suggest.
Code is as follows:-
Expand|Select|Wrap|Line Numbers
- <HTML><HEAD>
- <meta http-equiv="Content-Language" content="en-us">
- <TITLE>Collections</TITLE>
- <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
- <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
- <meta name="ProgId" content="FrontPage.Editor.Document">
- <meta NAME="description" CONTENT="Insert Description Here">
- <meta NAME="keywords" CONTENT="Insert Keywords Here">
- <script type="text/javascript" language="javascript">
- <!--
- function on1()
- {if (!document.images) return; document.a.src = "http://bytes.com/images/1.jpg"; document.blank.src = "http://bytes.com/images/B_1.jpg";}
- function on2()
- {if (!document.images) return; document.b.src = "http://bytes.com/images/2.jpg"; document.blank.src = "http://bytes.com/images/B_2.jpg";}
- function on3()
- {if (!document.images) return; document.c.src = "http://bytes.com/images/3.jpg"; document.blank.src = "http://bytes.com/images/B_3.jpg";}
- function on4()
- {if (!document.images) return; document.d.src = "http://bytes.com/images/4.jpg"; document.blank.src = "http://bytes.com/images/B_4.jpg";}
- function on5()
- {if (!document.images) return; document.e.src = "http://bytes.com/images/5.jpg"; document.blank.src = "http://bytes.com/images/B_5.jpg";}
- function on6()
- {if (!document.images) return; document.f.src = "http://bytes.com/images/6.jpg"; document.blank.src = "http://bytes.com/images/B_6.jpg";}
- function on7()
- {if (!document.images) return; document.g.src = "http://bytes.com/images/7.jpg"; document.blank.src = "http://bytes.com/images/B_7.jpg";}
- function on8()
- {if (!document.images) return; document.h.src = "http://bytes.com/images/8.jpg"; document.blank.src = "http://bytes.com/images/B_8.jpg";}
- function on9()
- {if (!document.images) return; document.i.src = "http://bytes.com/images/9.jpg"; document.blank.src = "http://bytes.com/images/B_9.jpg";}
- function on10()
- {if (!document.images) return; document.j.src = "http://bytes.com/images/10.jpg"; document.blank.src = "http://bytes.com/images/B_10.jpg";}
- function on11()
- {if (!document.images) return; document.k.src = "http://bytes.com/images/11.jpg"; document.blank.src = "http://bytes.com/images/B_11.jpg";}
- function on12()
- {if (!document.images) return; document.l.src = "http://bytes.com/images/12.jpg"; document.blank.src = "http://bytes.com/images/B_12.jpg";}
- function on13()
- {if (!document.images) return; document.m.src = "http://bytes.com/images/13.jpg"; document.blank.src = "http://bytes.com/images/B_13.jpg";}
- function on14()
- {if (!document.images) return; document.n.src = "http://bytes.com/images/14.jpg"; document.blank.src = "http://bytes.com/images/B_14.jpg";}
- function on15()
- {if (!document.images) return; document.o.src = "http://bytes.com/images/15.jpg"; document.blank.src = "http://bytes.com/images/B_15.jpg";}
- function on16()
- {if (!document.images) return; document.p.src = "http://bytes.com/images/16.jpg"; document.blank.src = "http://bytes.com/images/B_16.jpg";}
- function on17()
- {if (!document.images) return; document.q.src = "http://bytes.com/images/17.jpg"; document.blank.src = "http://bytes.com/images/B_17.jpg";}
- function on17a()
- {if (!document.images) return; document.r.src = "http://bytes.com/images/17 1.jpg"; document.blank.src = "http://bytes.com/images/B_17 1.jpg";}
- function on17b()
- {if (!document.images) return; document.s.src = "http://bytes.com/images/17 2.jpg"; document.blank.src = "http://bytes.com/images/B_17 2.jpg";}
- function on18()
- {if (!document.images) return; document.t.src = "http://bytes.com/images/18.jpg"; document.blank.src = "http://bytes.com/images/B_18.jpg";}
- function on19()
- {if (!document.images) return; document.u.src = "http://bytes.com/images/19.jpg"; document.blank.src = "http://bytes.com/images/B_19.jpg";}
- function on20()
- {if (!document.images) return; document.v.src = "http://bytes.com/images/20.jpg"; document.blank.src = "http://bytes.com/images/B_20.jpg";}
- function on21()
- {if (!document.images) return; document.w.src = "http://bytes.com/images/21.jpg"; document.blank.src = "http://bytes.com/images/B_21.jpg";}
- var imgslist = new Array(
- "http://bytes.com/images/B_1.jpg",
- "http://bytes.com/images/B_2.jpg",
- "http://bytes.com/images/B_3.jpg",
- "http://bytes.com/images/B_4.jpg",
- "http://bytes.com/images/B_5.jpg",
- "http://bytes.com/images/B_6.jpg",
- "http://bytes.com/images/B_7.jpg",
- "http://bytes.com/images/B_8.jpg",
- "http://bytes.com/images/B_9.jpg",
- "http://bytes.com/images/B_10.jpg",
- "http://bytes.com/images/B_11.jpg",
- "http://bytes.com/images/B_12.jpg",
- "http://bytes.com/images/B_13.jpg",
- "http://bytes.com/images/B_14.jpg",
- "http://bytes.com/images/B_15.jpg",
- "http://bytes.com/images/B_16.jpg",
- "http://bytes.com/images/B_17.jpg",
- "http://bytes.com/images/B_17 1.jpg",
- "http://bytes.com/images/B_17 2.jpg",
- "http://bytes.com/images/B_18.jpg",
- "http://bytes.com/images/B_19.jpg",
- "http://bytes.com/images/B_20.jpg",
- "http://bytes.com/images/B_21.jpg",
- "http://bytes.com/images/1.jpg",
- "http://bytes.com/images/2.jpg",
- "http://bytes.com/images/3.jpg",
- "http://bytes.com/images/4.jpg",
- "http://bytes.com/images/5.jpg",
- "http://bytes.com/images/6.jpg",
- "http://bytes.com/images/7.jpg",
- "http://bytes.com/images/8.jpg",
- "http://bytes.com/images/9.jpg",
- "http://bytes.com/images/10.jpg",
- "http://bytes.com/images/11.jpg",
- "http://bytes.com/images/12.jpg",
- "http://bytes.com/images/13.jpg",
- "http://bytes.com/images/14.jpg",
- "http://bytes.com/images/15.jpg",
- "http://bytes.com/images/16.jpg",
- "http://bytes.com/images/17.jpg",
- "http://bytes.com/images/17 1.jpg",
- "http://bytes.com/images/17 2.jpg",
- "http://bytes.com/images/18.jpg",
- "http://bytes.com/images/19.jpg",
- "http://bytes.com/images/20.jpg",
- "http://bytes.com/images/21.jpg");
- var imgs=new Array();
- for (x=0; x<imgslist.length; x++)
- if (document.images)
- {imgs[x]=new Image(); imgs[x].src = imgslist[x];}
- //-->
- </script>
- <SCRIPT language=JavaScript1.2>
- //Browsercheck
- ie=document.all?1:0
- n=document.layers?1:0
- /*********************************************************************************
- These are the variables you have to set:
- *********************************************************************************/
- //The speed of the timeout between each scroll.
- timSpeed=50
- //The height of the container (change this when it scrolls to much or to little)
- contHeight=170
- /*********************************************************************************
- This is the object constructor function, which applies
- methods and properties to the crossbrowser layer object
- *********************************************************************************/
- function makeScrollObj(obj,nest){
- nest=(!nest) ? '':'document.'+nest+'.'
- this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
- this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')
- this.top=b_gettop
- return this
- }
- //Getting the top for the top method
- function b_gettop(){
- var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
- return gleft;
- }
- //Variables
- var scrollTim;
- var active=0;
- /*********************************************************************************
- The scroll function. Checks what way to scroll and checks if the
- layer is not already on top or bottom.
- *********************************************************************************/
- function scroll(speed){
- clearTimeout(scrollTim)
- way=speed>0?1:0
- if((!way && oScroll[active].top()>-oScroll[active].scrollHeight+contHeight) || (oScroll[active].top()<0 && way)){
- oScroll[active].css.top=oScroll[active].top()+speed
- scrollTim=setTimeout("scroll("+speed+")",timSpeed)
- }
- }
- //Clears the timeout so the scroll stops, this is called onmouseout.
- function noScroll(){
- clearTimeout(scrollTim)
- }
- /*********************************************************************************
- Initilizes the page, makes a oScroll Array and calls the object constructor.
- Here you can add as many scrollObjects as you want
- *********************************************************************************/
- function scrollInit(){
- oScroll=new Array()
- oScroll[0]=new makeScrollObj('divScroll1','divCont')
- oScroll[0].css.visibility='visible'
- }
- /*********************************************************************************
- Executes the scrollInit function on pageload.
- *********************************************************************************/
- onload=scrollInit;
- //-->
- </SCRIPT>
- <SCRIPT language=JavaScript>
- <!--
- function MM_preloadImages() { //v3.0
- var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
- var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
- if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
- }
- function MM_swapImgRestore() { //v3.0
- var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
- }
- function MM_findObj(n, d) { //v4.0
- var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
- d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
- if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
- for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
- if(!x && document.getElementById) x=document.getElementById(n); return x;
- }
- function MM_swapImage() { //v3.0
- var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
- if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
- }
- function MM_displayStatusMsg(msgStr) { //v1.0
- status=msgStr;
- document.MM_returnValue = true;
- }
- //-->
- </SCRIPT>
- <script type="text/javascript">
- <!--
- function changeCaption(text) {
- if(document.getElementById) {
- document.getElementById("caption").innerHTML=text;
- }
- }
- // -->
- </script>
- </head>
- <STYLE>#divControl {
- RIGHT:195px; WIDTH: 2px; POSITION: absolute; TOP: 8px}
- #divCont {
- RIGHT: 170px; WIDTH: 520px; CLIP: rect(0px 480px 190px 0px); POSITION: absolute; overflow:hidden; TOP: 200px; HEIGHT: 200px; align: center
- }
- .clScroll {
- FONT-SIZE: 10px; LEFT:0px; VISIBILITY: hidden; COLOR: #90aace; FONT-FAMILY: verdana, Arial; POSITION: absolute; TOP:0px
- }
- A:link {
- COLOR: #ffffff; TEXT-DECORATION: none
- }
- A:visited {
- COLOR: #ffffff; TEXT-DECORATION: none
- }
- A:active {
- COLOR: #ffffff; TEXT-DECORATION: underline
- }
- A:hover {
- COLOR: #ffffff; TEXT-DECORATION: underline
- }
- </STYLE>
- <script type="text/javascript" src="simpletreemenu.js">
- </script>
- <link rel="stylesheet" type="text/css" href="simpletree.css" /></head>
- <META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
- <BODY text=#ffffff style="background-image: url('images/background.jpg');background-repeat: no-repeat;" leftMargin=0 topMargin=0 marginwidth="0">
- <TABLE height="644" cellSpacing=0 cellPadding=0 width=1000 border=0>
- <!--DWLayoutTable-->
- <TBODY>
- <TR>
- <td rowspan="3" width="335" height="649"><img src="http://bytes.com/images/B_1.jpg" width="309" height="466" name="blank"></td>
- <TD width=568 height="39" vAlign=top colspan="3"> </TD>
- </TR>
- <TR>
- <TD height="340" width="312"></TD>
- <TD height="340" align="left" width="37">
- <br><br><br><br><br><br>
- </TD>
- <TD height="340" align="left" width="219">
- <ul id="treemenu1" class="treeview">
- <li><font face="Arial" size="2"><u><a href="index.htm"><font color="#FF4E0C"><u>Fashion</u></font></a><font color="#FF4E0C"></li>
- </font> </u>
- </font>
- <li><u><font color="#FF4E0C" face="Arial" size="2">Collection</font><font color="#FF4E0C"></li>
- </font> </u>
- <font color="#FF4E0C">
- </u>
- </font>
- <ul>
- <li><u><font face="Arial" size="2"><a href="collection.htm">
- <font color="#FF4E0C">
- <u>Collection 1</u></font></a></font></u></li>
- <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Collection 2</u></font></a></font></li>
- <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Collection 3</u></font></a></font></u></li>
- </ul>
- </li>
- <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>About Us</u></font></a></font></u></li>
- <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Contact Us</u></font></a></font></u></li>
- </ul>
- <b>
- <script type="text/javascript">
- //ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))
- ddtreemenu.createTree("treemenu1", true)
- </script>
- <p>
- <p></TD>
- </TR>
- <TR>
- <TD height="215" valign="top" width="532"><p align="justify"><font size=2 face="arial" color="#ff4e0c"><span id="caption">This beautiful churidaar kameez is an epitome of elegance and class.Kameez has self woven patterns spread all over. Neckline,sleeve ends and shirt hem have been further decorated by embroidered borders. Contrasting churidaar has been retained simple. Dupatta has embroidered borders.</span></font></p><br><br><p align="right"><a href="#"><img border="0" src="http://bytes.com/images/request a quote.jpg" width="150" height="29"></a></TD>
- <TD height="215" valign="top" width="256" colspan="2"></TD>
- </TR>
- </TBODY>
- </TABLE>
- <DIV id=divControl style="width: 11; height: 250">
- <P> </P>
- <P> </P>
- <P> </P>
- <P> </P>
- <P> </P>
- <p></P><A
- onmouseover="up.src='images/up_over.gif';scroll(10);MM_displayStatusMsg('Up');return"
- onfocus=if(this.blur)this.blur() onmouseout="up.src='images/up.gif';noScroll()"
- href="javascript:void(0)" document.MM_returnValue><IMG height=12
- src="http://bytes.com/images/up.gif" width=17 border=0 name=up></A></P>
- <P><BR><br><br><br><br><br><br><br><A
- onmouseover="down.src='images/down_over.gif';scroll(-10);MM_displayStatusMsg('Down');return"
- onfocus=if(this.blur)this.blur()
- onmouseout="down.src='images/down.gif';noScroll()" href="javascript:void(0)"
- document.MM_returnValue><IMG height=12 src="http://bytes.com/images/down.gif" width=17 border=0 name=down></A></P></DIV>
- <DIV id=divCont>
- <DIV class=clScroll id=divScroll1 style="width: 755; height: 495">
- <P align=justify><font color="#000000"><a href="#" onmousedown="on1();"><img onclick="changeCaption('SK-1<br>This beautiful churidaar kameez is an epitome of elegance and class.Kameez has self woven patterns spread all over. Neckline,sleeve ends and shirt hem have been further decorated by embroidered borders. Contrasting churidaar has been retained simple. Dupatta has embroidered borders.')" src="http://bytes.com/images/1.jpg" width="118" height="93" border="0" name="a"></a><a href="#" onmousedown="on2();"><img onclick="changeCaption('SK-2<br>Each motif is highlighted by stones. Neckline and sleeves have been beautified by beads, sequins and stones. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')"src="http://bytes.com/images/2.jpg" width="118" height="93" border="0" name="b"></a><a href="#" onmousedown="on3();"><img onclick="changeCaption('SK-3<br>This beautiful salwar kameez is an epitome of elegance and class. Kameez has self woven polka dots spread all over. Neckline, sleeve ends and shirt hem have been further decorated by embellished contrasting patchwork. Contrasting salwar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/3.jpg" width="118" height="93" border="0" name="c"></a><a href="#" onmousedown="on4();"><img onclick="changeCaption('SK-4<br><br>no description')" src="http://bytes.com/images/4.jpg" width="118" height="93" border="0" name="d"></a><a href="#" onmousedown="on5();"><img onclick="changeCaption('SK-5<br>Kameez has delicate print spread all over. Yoke, sleeve ends and shirt hem have been decorated by lace work. Contrasting Churidaar has been retained simple. Dupatta has patchwork at its borders.')" src="http://bytes.com/images/5.jpg" width="118" height="93" border="0" name="e"></a><a href="#" onmousedown="on6();"><img onclick="changeCaption('SK-6<br><br>no description')"src="http://bytes.com/images/6.jpg" width="118" height="93" border="0" name="f"></a><a href="#" onmousedown="on7();"><img onclick="changeCaption('SK-7<br>Kameez has intricately embroidered jaal spread all over the front panel. Embroidery is highlighted by sequins work. Neckline, sleeves end, side slits and shirt hem have been decorated by intricate embroidery. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Dupatta has been beautified by lacework.')"src="http://bytes.com/images/7.jpg" width="118" height="93" border="0" name="g"></a><a href="#" onmousedown="on8();"><img onclick="changeCaption('SK-8<br>Kameez has intricate embroidery and sequins work around neckline. Kameez has self woven patterns. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/8.jpg" width="118" height="93" border="0" name="h"></a><a href="#" onmousedown="on9();"><img onclick="changeCaption('SK-9<br>Kameez has mirror work spread all over the front panel. Neckline, sleeve ends and shirt hem have been beautified by intricate embroidery and contrasting patchwork. Patchwork is again beautified by mirror work. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Contrasting dupatta has been beautified by mirror work and contrasting borders.')" src="http://bytes.com/images/9.jpg" width="118" height="93" border="0" name="i"></a><a href="#" onmousedown="on10();"><img onclick="changeCaption('SK-10<br>Neckline and sleeve ends have been decorated by intricately executed beads, sequins and embroidery. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/10.jpg" width="118" height="93" border="0" name="j"></a><a href="#" onmousedown="on11();"><img onclick="changeCaption('SK-11<br>Kameez has self woven polka dots spread all over the front panel. Contrasting sleeves have self woven patterns too. Contrasting yoke has been highlighted by embroidered and embellished print. Churidaar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Delicate dupatta has lacework at borders.')" src="http://bytes.com/images/11.jpg" width="118" height="93" border="0" name="k"></a><a href="#" onmousedown="on12();"><img onclick="changeCaption('SK-12<br>Kameez has intricately embellished neckline, sleeve ends and shirt hem. Embellishments comprise of beads, sequins and embroidery. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/12.jpg" width="118" height="93" border="0" name="l"></a><a href="#" onmousedown="on13();"><img onclick="changeCaption('Kameez has sequins scattered all over the front panel. Neckline, shirt hem and sleeve ends have been beautified by intricate embroidery which is highlighted further by embellishments like beads and sequins. Salwar has been retained simple. Dupatta has been decorated by sequins and laces.')" src="http://bytes.com/images/13.jpg" width="118" height="93" border="0" name="m"></a><a href="#" onmousedown="on14();"><img onclick="changeCaption('SK-14<br>Style - Can be stitched as Salwar Kameez or Semi Patiala Salwar Kameez or Churidaar Kameez<br> Material – Jacquard chiffon<br>Description – Designer Salwar Kameez! This salwar kameez is a true beauty; be it the fabric, the color or the work – everything is amazing.<br>Shirt has all over spread intricately embroidered jaal which is highlighted further by sequins and mirrors. Salwar has been retained simple. Dupatta has sequins spread all over. It has laces all around. Entire embroidery is executed very neatly.')" src="http://bytes.com/images/14.jpg" width="118" height="93" border="0" name="n"></a><a href="#" onmousedown="on15();"><img onclick="changeCaption('Sk-15<br>Shirt has embroidered motifs spread all over the front panel. Must not miss out the patchwork at hem! Churidaar has been retained simple. Dual shaded Dupatta has lacework all around. Entire embroidery is executed very neatly.')" src="http://bytes.com/images/15.jpg" width="118" height="93" border="0" name="o"></a><a href="#" onmousedown="on16();"><img onclick="changeCaption('no description')" src="http://bytes.com/images/16.jpg" width="118" height="93" border="0" name="p"></a><a href="#" onmousedown="on17();"><img onclick="changeCaption('no description')" src="http://bytes.com/images/17.jpg" width="118" height="93" border="0" name="q"></a><a href="#" onmousedown="on17a();"><img onclick="changeCaption('SK-17A<br><br>no description')" src="http://bytes.com/images/17 1.jpg" width="118" height="93" border="0" name="r"></a><a href="#" onmousedown="on17b();"><img onclick="changeCaption('SK-17B<br><br>no description')" src="http://bytes.com/images/17 2.jpg" width="118" height="93" border="0" name="s"></a><a href="#" onmousedown="on18();"><img onclick="changeCaption('SK-18<br><br>no description')" src="http://bytes.com/images/18.jpg" width="118" height="93" border="0" name="t"></a><a href="#" onmousedown="on19();"><img onclick="changeCaption('SK-19<br><br>no description')" src="http://bytes.com/images/19.jpg" width="118" height="93" border="0" name="u"></a><a href="#" onmousedown="on20();"><img onclick="changeCaption('Sk-20<br>Kameez has intricately embroidered and embellished neckline and sleeve ends. It is a great combination of elegance with simplicity. Contrasting churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/20.jpg" width="118" height="93" border="0" name="v"></a><a href="#" onmousedown="on21();"><img onclick="changeCaption('Sk-21<br>Kameez has intricately embroidered motifs spread all over the front panel. Each motif is highlighted by sequins work. Neckline has been decorated by sequins and bead work. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Dupatta has been beautified by lacework.')" src="http://bytes.com/images/21.jpg" width="118" height="93" border="0" name="w"></a></DIV>
- </DIV>
- </font>
- </BODY></HTML>