Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Glow filter on asp page

Status
Not open for further replies.
jlong07

jlong07

Technical User
Nov 8, 2002
56
US
I have a page that I am trying to get a glow effect to work. After much work and research I finally got the glow effect to work. However, now I would like to convert the html page to an asp page so that I can pull data from a database and display it on the page. The end result is that I would actually like to have the dynamic text which is pulled from the database have the glow filter applied to it. As soon as I convert the page to asp however, the glow effect disappears. I have not added the dynamic text yet so it is still only trying to apply the filter to static text. The only change was the extension from .htm to .asp.
 
Sort by date Sort by votes
How was the glow achieved, with code? Show your code

Bastien

Any one have a techie job in Toronto, I need to work...being laid off sucks!
 
Upvote 0 Downvote
I used the css filter effect

This code is in the external css file
.style6 {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
filter: glow(color: #000033, strength: 7);
width: 100%;

This code is in the htm file
<span class=&quot;style6&quot;><a href=&quot;#&quot;>9 West</a><br /></span>

I have also tried to call the glow filter using the style command in the actual htm file i.e.
<span style=&quot;filter:glow(color: #000033, strength: 7); width: 100%&quot;><a href=&quot;#&quot;>9 West</a></span>
 
Upvote 0 Downvote
Can I see the asp page code...I am assuming the 9 West is the data you want to be dynamic...

it shouldn't be a problem

Bastien

Any one have a techie job in Toronto, I need to work...being laid off sucks!
 
Upvote 0 Downvote
Here is the code for the css file the asp page code is in the following post

******CSS file
/* $WEFT -- Created by: Jason Long (jason@jaqua.com) -- */
@font-face {
font-family: Flat Brush;
font-style: normal;
font-weight: normal;
src: url(FLATBRU1.eot);
}
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
}
.style6 {
color: #FFFFFF;
font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
font-size: 14px;
filter: glow(color: #000033, strength: 7);
width: 100%;
}
.style10 {
color: #FFFFFF;
font-family: Flat Brush, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;

}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #CCCCCC;
}
 
Upvote 0 Downvote
Here is the code for the asp page

******.asp page
<%@LANGUAGE=&quot;VBSCRIPT&quot;%>
<!--#include file=&quot;Connections/conn_debonair.asp&quot; -->
<%
Dim rs_index
Dim rs_index_numRows

Set rs_index = Server.CreateObject(&quot;ADODB.Recordset&quot;)
rs_index.ActiveConnection = MM_conn_debonair_STRING
rs_index.Source = &quot;SELECT Cat_ID, Cat_Description FROM categories ORDER BY Cat_Description ASC&quot;
rs_index.CursorType = 0
rs_index.CursorLocation = 2
rs_index.LockType = 1
rs_index.Open()

rs_index_numRows = 0
%><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<html xmlns=&quot;<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; />

<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_Snap() { //v2.63 by PVII
var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){
if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){
a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p=&quot;&quot;;tx=1;
da=&quot;document.all['&quot;+args[k]+&quot;']&quot;;if(document.getElementById){
d=&quot;document.getElementsByName('&quot;+args[k]+&quot;')[0]&quot;;if(!eval(d)){
d=&quot;document.getElementById('&quot;+args[k]+&quot;')&quot;;if(!eval(d)){d=da;}}
}else if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){
p+=&quot;.offsetParent&quot;;if(eval(d+p)){x+=parseInt(eval(d+p+&quot;.offsetLeft&quot;));y+=parseInt(eval(d+p+&quot;.offsetTop&quot;));
}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
if(tw==0||(navigator.appVersion.indexOf(&quot;MSIE 4&quot;)>-1&&navigator.appVersion.indexOf(&quot;Mac&quot;)>-1)){
ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{
w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd=&quot;&quot;;for(var s=0;s<q0.length;s++){
dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');
break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appVersion.indexOf(&quot;MSIE 5&quot;)>-1 && navigator.appVersion.indexOf(&quot;Mac&quot;)>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}
e.left=xx+pa;e.top=yy+pa;}}}
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
<style type=&quot;text/css&quot;>
<!--
.style18 {font-family: Georgia, &quot;Times New Roman&quot;, Times, serif}
-->
</style>
</head>

<body onLoad=&quot;P7_Snap('nav_r1_c9','hoverlayer',-87,76);P7_Snap('nav_r1_c9','categories',-92,76)&quot;;&quot;doNothing()&quot;>
<div id=&quot;hoverlayer&quot; style=&quot;position:absolute; left:259px; top:76px; width:272px; height:317px; z-index:1; overflow: hidden; visibility: hidden;&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;272&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;hover.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r1_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r1_c1&quot; width=&quot;272&quot; height=&quot;10&quot; border=&quot;0&quot; id=&quot;hover_r1_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;6&quot; align=&quot;center&quot; valign=&quot;top&quot;><p>
</p>
<p> </p></td>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r2_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r2_c2&quot; width=&quot;235&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r2_c2&quot; /></td>
<td rowspan=&quot;6&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;3&quot; valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r3_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r3_c3&quot; width=&quot;150&quot; height=&quot;63&quot; border=&quot;0&quot; id=&quot;hover_r3_c3&quot; /></td>
<td rowspan=&quot;3&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;63&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;3&quot;><img src=&quot;images/hover_r4_c4.gif&quot; alt=&quot;&quot; name=&quot;hover_r4_c4&quot; width=&quot;91&quot; height=&quot;83&quot; border=&quot;0&quot; id=&quot;hover_r4_c4&quot; /></td>
<td valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;83&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r5_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r5_c3&quot; width=&quot;150&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r5_c3&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r6_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r6_c2&quot; width=&quot;235&quot; height=&quot;36&quot; border=&quot;0&quot; id=&quot;hover_r6_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;36&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r7_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r7_c2&quot; width=&quot;235&quot; height=&quot;27&quot; border=&quot;0&quot; id=&quot;hover_r7_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;27&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r8_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r8_c1&quot; width=&quot;272&quot; height=&quot;12&quot; border=&quot;0&quot; id=&quot;hover_r8_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;12&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table>
</div>

*******This is the layer that will contain the dynamic data and the glow effect.************
<div id=&quot;categories&quot; style=&quot;position:absolute; left:259px; top:77px; width:277px; height:301px; z-index:2; overflow: hidden; clip: rect(auto auto 301 auto); visibility: hidden;&quot;>
<div align=&quot;center&quot;>
<p>
</p>
<h3><br />
****these individual values would be replaced by dynamic content from the database. However, I can't get these static values to glow either. They work fine when the file has the .htm extension. Style6 defines the glow.******
<span class=&quot;style6&quot;><a href=&quot;#&quot;>9 West</a><br />
<a href=&quot;#&quot;>Adidas</a><br />
<a href=&quot;#&quot;>Arnette</a><br />
<a href=&quot;#&quot;>Black Flys</a><br />
<a href=&quot;#&quot;>Body Glove</a><br />
<a href=&quot;#&quot;>Bolle</a><br />
<a href=&quot;#&quot;>Briko</a><br />
<a href=&quot;#&quot;>Calvin Klein</a><br />
<a href=&quot;#&quot;>Carrera</a><br />
<a href=&quot;#&quot;>Chesterfield</a><br />
<a href=&quot;#&quot;>Christian Dior</a><br />
<a href=&quot;#&quot;>D & G</a><br />
<a href=&quot;#&quot;>DKNY</a><br />
<a href=&quot;#&quot;>Donna Karen</a><br />
<a href=&quot;#&quot;>Dragon</a><br />
<a href=&quot;#&quot;>Elle</a> </span><br />
</h3>
</div>
</div>
<div align=&quot;center&quot;>
<table width=&quot;701&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td colspan=&quot;2&quot;><table width=&quot;701&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;nav.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;31&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;47&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;91&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;9&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;24&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;10&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;54&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;28&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;39&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr align=&quot;left&quot; valign=&quot;top&quot;>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c1.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c1&quot; width=&quot;209&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c1&quot; /></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c5.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c5&quot; width=&quot;96&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c5&quot; /></td>
<td colspan=&quot;3&quot; rowspan=&quot;2&quot;><img src=&quot;images/nav_r1_c9.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c9&quot; width=&quot;91&quot; height=&quot;77&quot; border=&quot;0&quot; id=&quot;nav_r1_c9&quot; /></td>
<td colspan=&quot;6&quot;><img src=&quot;images/nav_r1_c12.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c12&quot; width=&quot;128&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c12&quot; /></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c18.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c18&quot; width=&quot;177&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c18&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;49&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;top&quot;>
<td><img src=&quot;images/nav_r2_c1.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c1&quot; width=&quot;31&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c1&quot; /></td>
<td><img src=&quot;images/nav_r2_c2.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c2&quot; width=&quot;47&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c2&quot; /></td>
<td><a href=&quot;#&quot;><img src=&quot;images/nav_r2_c3.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c3&quot; width=&quot;91&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c3&quot; onMouseOver=&quot;MM_showHideLayers('hoverlayer','','show','categories','','show');P7_Snap('nav_r1_c9','hoverlayer',-87,76)&quot; onbeforeunload=&quot;P7_Snap('nav_r1_c9','categories',-92,76)&quot; /></a></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r2_c4.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c4&quot; width=&quot;104&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c4&quot; /></td>
<td><img src=&quot;images/nav_r2_c8.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c8&quot; width=&quot;32&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c8&quot; /></td>
<td colspan=&quot;2&quot;><img src=&quot;images/nav_r2_c12.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c12&quot; width=&quot;60&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c12&quot; /></td>
<td colspan=&quot;3&quot;><img src=&quot;images/nav_r2_c14.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c14&quot; width=&quot;58&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c14&quot; /></td>
<td colspan=&quot;2&quot;><img src=&quot;images/nav_r2_c17.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c17&quot; width=&quot;66&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c17&quot; /></td>
<td><img src=&quot;images/nav_r2_c19.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c19&quot; width=&quot;54&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c19&quot; /></td>
<td><img src=&quot;images/nav_r2_c20.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c20&quot; width=&quot;28&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c20&quot; /></td>
<td><img src=&quot;images/nav_r2_c21.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c21&quot; width=&quot;39&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c21&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;28&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;top&quot;>
<td height=&quot;10&quot; colspan=&quot;5&quot; bgcolor=&quot;#000000&quot;><p><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; /></p></td>
<td height=&quot;10&quot; colspan=&quot;10&quot;><img src=&quot;images/nav_r3_c6.jpg&quot; alt=&quot;&quot; name=&quot;nav_r3_c6&quot; width=&quot;272&quot; height=&quot;10&quot; border=&quot;0&quot; id=&quot;nav_r3_c6&quot; /></td>
<td height=&quot;10&quot; colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; /></p></td>
<td height=&quot;10&quot;><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table></td>
</tr>
<tr>
<td width=&quot;50%&quot; height=&quot;288&quot; valign=&quot;top&quot;><p> </p>
</td>
<td width=&quot;50%&quot; align=&quot;right&quot;><img src=&quot;images/front.jpg&quot; width=&quot;310&quot; height=&quot;182&quot; /></td>
</tr>
<tr>
<td colspan=&quot;2&quot;><table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;701&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;footer.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;31&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;47&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;35&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;9&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;24&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;10&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;54&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;28&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;39&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;bottom&quot;>
<td colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p></p></td>
<td colspan=&quot;10&quot;><img src=&quot;images/footer_r1_c7.jpg&quot; alt=&quot;&quot; name=&quot;footer_r1_c7&quot; width=&quot;272&quot; height=&quot;12&quot; border=&quot;0&quot; id=&quot;footer_r1_c7&quot; /></td>
<td colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p>0</p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;12&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;3&quot;><img src=&quot;images/footer_r2_c1.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c1&quot; width=&quot;134&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c1&quot; /></td>
<td colspan=&quot;7&quot;><img src=&quot;images/footer_r2_c4.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c4&quot; width=&quot;178&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c4&quot; /></td>
<td><img src=&quot;images/footer_r2_c11.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c11&quot; width=&quot;78&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c11&quot; /></td>
<td colspan=&quot;6&quot;><img src=&quot;images/footer_r2_c12.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c12&quot; width=&quot;124&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c12&quot; /></td>
<td colspan=&quot;5&quot;><img src=&quot;images/footer_r2_c18.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c18&quot; width=&quot;187&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c18&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;31&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table></td>
</tr>
</table>

</div>
<center>
</center>
</body>
</html>
<%
rs_index.Close()
Set rs_index = Nothing
%>
 
Upvote 0 Downvote
Here is the code for the asp page

******.asp page
<%@LANGUAGE=&quot;VBSCRIPT&quot;%>
<!--#include file=&quot;Connections/conn_debonair.asp&quot; -->
<%
Dim rs_index
Dim rs_index_numRows

Set rs_index = Server.CreateObject(&quot;ADODB.Recordset&quot;)
rs_index.ActiveConnection = MM_conn_debonair_STRING
rs_index.Source = &quot;SELECT Cat_ID, Cat_Description FROM categories ORDER BY Cat_Description ASC&quot;
rs_index.CursorType = 0
rs_index.CursorLocation = 2
rs_index.LockType = 1
rs_index.Open()

rs_index_numRows = 0
%><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<html xmlns=&quot;<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; />

<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_Snap() { //v2.63 by PVII
var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){
if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){
a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p=&quot;&quot;;tx=1;
da=&quot;document.all['&quot;+args[k]+&quot;']&quot;;if(document.getElementById){
d=&quot;document.getElementsByName('&quot;+args[k]+&quot;')[0]&quot;;if(!eval(d)){
d=&quot;document.getElementById('&quot;+args[k]+&quot;')&quot;;if(!eval(d)){d=da;}}
}else if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){
p+=&quot;.offsetParent&quot;;if(eval(d+p)){x+=parseInt(eval(d+p+&quot;.offsetLeft&quot;));y+=parseInt(eval(d+p+&quot;.offsetTop&quot;));
}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
if(tw==0||(navigator.appVersion.indexOf(&quot;MSIE 4&quot;)>-1&&navigator.appVersion.indexOf(&quot;Mac&quot;)>-1)){
ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{
w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd=&quot;&quot;;for(var s=0;s<q0.length;s++){
dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');
break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appVersion.indexOf(&quot;MSIE 5&quot;)>-1 && navigator.appVersion.indexOf(&quot;Mac&quot;)>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}
e.left=xx+pa;e.top=yy+pa;}}}
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
<style type=&quot;text/css&quot;>
<!--
.style18 {font-family: Georgia, &quot;Times New Roman&quot;, Times, serif}
-->
</style>
</head>

<body onLoad=&quot;P7_Snap('nav_r1_c9','hoverlayer',-87,76);P7_Snap('nav_r1_c9','categories',-92,76)&quot;;&quot;doNothing()&quot;>
<div id=&quot;hoverlayer&quot; style=&quot;position:absolute; left:259px; top:76px; width:272px; height:317px; z-index:1; overflow: hidden; visibility: hidden;&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;272&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;hover.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r1_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r1_c1&quot; width=&quot;272&quot; height=&quot;10&quot; border=&quot;0&quot; id=&quot;hover_r1_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;6&quot; align=&quot;center&quot; valign=&quot;top&quot;><p>
</p>
<p> </p></td>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r2_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r2_c2&quot; width=&quot;235&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r2_c2&quot; /></td>
<td rowspan=&quot;6&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;3&quot; valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r3_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r3_c3&quot; width=&quot;150&quot; height=&quot;63&quot; border=&quot;0&quot; id=&quot;hover_r3_c3&quot; /></td>
<td rowspan=&quot;3&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;63&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;3&quot;><img src=&quot;images/hover_r4_c4.gif&quot; alt=&quot;&quot; name=&quot;hover_r4_c4&quot; width=&quot;91&quot; height=&quot;83&quot; border=&quot;0&quot; id=&quot;hover_r4_c4&quot; /></td>
<td valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;83&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r5_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r5_c3&quot; width=&quot;150&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r5_c3&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r6_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r6_c2&quot; width=&quot;235&quot; height=&quot;36&quot; border=&quot;0&quot; id=&quot;hover_r6_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;36&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r7_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r7_c2&quot; width=&quot;235&quot; height=&quot;27&quot; border=&quot;0&quot; id=&quot;hover_r7_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;27&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r8_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r8_c1&quot; width=&quot;272&quot; height=&quot;12&quot; border=&quot;0&quot; id=&quot;hover_r8_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;12&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table>
</div>

*******This is the layer that will contain the dynamic data and the glow effect.************
<div id=&quot;categories&quot; style=&quot;position:absolute; left:259px; top:77px; width:277px; height:301px; z-index:2; overflow: hidden; clip: rect(auto auto 301 auto); visibility: hidden;&quot;>
<div align=&quot;center&quot;>
<p>
</p>
<h3><br />
****these individual values would be replaced by dynamic content from the database. However, I can't get these static values to glow either. They work fine when the file has the .htm extension. Style6 defines the glow.******
<span class=&quot;style6&quot;><a href=&quot;#&quot;>9 West</a><br />
<a href=&quot;#&quot;>Adidas</a><br />
<a href=&quot;#&quot;>Arnette</a><br />
<a href=&quot;#&quot;>Black Flys</a><br />
<a href=&quot;#&quot;>Body Glove</a><br />
<a href=&quot;#&quot;>Bolle</a><br />
<a href=&quot;#&quot;>Briko</a><br />
<a href=&quot;#&quot;>Calvin Klein</a><br />
<a href=&quot;#&quot;>Carrera</a><br />
<a href=&quot;#&quot;>Chesterfield</a><br />
<a href=&quot;#&quot;>Christian Dior</a><br />
<a href=&quot;#&quot;>D &amp; G</a><br />
<a href=&quot;#&quot;>DKNY</a><br />
<a href=&quot;#&quot;>Donna Karen</a><br />
<a href=&quot;#&quot;>Dragon</a><br />
<a href=&quot;#&quot;>Elle</a> </span><br />
</h3>
</div>
</div>
<div align=&quot;center&quot;>
<table width=&quot;701&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td colspan=&quot;2&quot;><table width=&quot;701&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;nav.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;31&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;47&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;91&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;9&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;24&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;10&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;54&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;28&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;39&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr align=&quot;left&quot; valign=&quot;top&quot;>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c1.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c1&quot; width=&quot;209&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c1&quot; /></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c5.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c5&quot; width=&quot;96&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c5&quot; /></td>
<td colspan=&quot;3&quot; rowspan=&quot;2&quot;><img src=&quot;images/nav_r1_c9.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c9&quot; width=&quot;91&quot; height=&quot;77&quot; border=&quot;0&quot; id=&quot;nav_r1_c9&quot; /></td>
<td colspan=&quot;6&quot;><img src=&quot;images/nav_r1_c12.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c12&quot; width=&quot;128&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c12&quot; /></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r1_c18.jpg&quot; alt=&quot;&quot; name=&quot;nav_r1_c18&quot; width=&quot;177&quot; height=&quot;49&quot; border=&quot;0&quot; id=&quot;nav_r1_c18&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;49&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;top&quot;>
<td><img src=&quot;images/nav_r2_c1.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c1&quot; width=&quot;31&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c1&quot; /></td>
<td><img src=&quot;images/nav_r2_c2.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c2&quot; width=&quot;47&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c2&quot; /></td>
<td><a href=&quot;#&quot;><img src=&quot;images/nav_r2_c3.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c3&quot; width=&quot;91&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c3&quot; onMouseOver=&quot;MM_showHideLayers('hoverlayer','','show','categories','','show');P7_Snap('nav_r1_c9','hoverlayer',-87,76)&quot; onbeforeunload=&quot;P7_Snap('nav_r1_c9','categories',-92,76)&quot; /></a></td>
<td colspan=&quot;4&quot;><img src=&quot;images/nav_r2_c4.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c4&quot; width=&quot;104&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c4&quot; /></td>
<td><img src=&quot;images/nav_r2_c8.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c8&quot; width=&quot;32&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c8&quot; /></td>
<td colspan=&quot;2&quot;><img src=&quot;images/nav_r2_c12.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c12&quot; width=&quot;60&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c12&quot; /></td>
<td colspan=&quot;3&quot;><img src=&quot;images/nav_r2_c14.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c14&quot; width=&quot;58&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c14&quot; /></td>
<td colspan=&quot;2&quot;><img src=&quot;images/nav_r2_c17.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c17&quot; width=&quot;66&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c17&quot; /></td>
<td><img src=&quot;images/nav_r2_c19.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c19&quot; width=&quot;54&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c19&quot; /></td>
<td><img src=&quot;images/nav_r2_c20.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c20&quot; width=&quot;28&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c20&quot; /></td>
<td><img src=&quot;images/nav_r2_c21.jpg&quot; alt=&quot;&quot; name=&quot;nav_r2_c21&quot; width=&quot;39&quot; height=&quot;28&quot; border=&quot;0&quot; id=&quot;nav_r2_c21&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;28&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;top&quot;>
<td height=&quot;10&quot; colspan=&quot;5&quot; bgcolor=&quot;#000000&quot;><p><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; /></p></td>
<td height=&quot;10&quot; colspan=&quot;10&quot;><img src=&quot;images/nav_r3_c6.jpg&quot; alt=&quot;&quot; name=&quot;nav_r3_c6&quot; width=&quot;272&quot; height=&quot;10&quot; border=&quot;0&quot; id=&quot;nav_r3_c6&quot; /></td>
<td height=&quot;10&quot; colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; /></p></td>
<td height=&quot;10&quot;><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table></td>
</tr>
<tr>
<td width=&quot;50%&quot; height=&quot;288&quot; valign=&quot;top&quot;><p>&nbsp;</p>
</td>
<td width=&quot;50%&quot; align=&quot;right&quot;><img src=&quot;images/front.jpg&quot; width=&quot;310&quot; height=&quot;182&quot; /></td>
</tr>
<tr>
<td colspan=&quot;2&quot;><table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;701&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;footer.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;31&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;47&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;35&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;9&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;24&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;10&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;56&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;54&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;28&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;39&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr valign=&quot;bottom&quot;>
<td colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p></p></td>
<td colspan=&quot;10&quot;><img src=&quot;images/footer_r1_c7.jpg&quot; alt=&quot;&quot; name=&quot;footer_r1_c7&quot; width=&quot;272&quot; height=&quot;12&quot; border=&quot;0&quot; id=&quot;footer_r1_c7&quot; /></td>
<td colspan=&quot;6&quot; bgcolor=&quot;#000000&quot;><p>0</p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;12&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;3&quot;><img src=&quot;images/footer_r2_c1.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c1&quot; width=&quot;134&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c1&quot; /></td>
<td colspan=&quot;7&quot;><img src=&quot;images/footer_r2_c4.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c4&quot; width=&quot;178&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c4&quot; /></td>
<td><img src=&quot;images/footer_r2_c11.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c11&quot; width=&quot;78&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c11&quot; /></td>
<td colspan=&quot;6&quot;><img src=&quot;images/footer_r2_c12.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c12&quot; width=&quot;124&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c12&quot; /></td>
<td colspan=&quot;5&quot;><img src=&quot;images/footer_r2_c18.jpg&quot; alt=&quot;&quot; name=&quot;footer_r2_c18&quot; width=&quot;187&quot; height=&quot;31&quot; border=&quot;0&quot; id=&quot;footer_r2_c18&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;31&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table></td>
</tr>
</table>

</div>
<center>
</center>
</body>
</html>
<%
rs_index.Close()
Set rs_index = Nothing
%>
 
Upvote 0 Downvote
Here is the code for the asp page

******.asp page
<%@LANGUAGE=&quot;VBSCRIPT&quot;%>
<!--#include file=&quot;Connections/conn_debonair.asp&quot; -->
<%
Dim rs_index
Dim rs_index_numRows

Set rs_index = Server.CreateObject(&quot;ADODB.Recordset&quot;)
rs_index.ActiveConnection = MM_conn_debonair_STRING
rs_index.Source = &quot;SELECT Cat_ID, Cat_Description FROM categories ORDER BY Cat_Description ASC&quot;
rs_index.CursorType = 0
rs_index.CursorLocation = 2
rs_index.LockType = 1
rs_index.Open()

rs_index_numRows = 0
%><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<html xmlns=&quot;<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; />

<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_Snap() { //v2.63 by PVII
var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){
if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){
a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p=&quot;&quot;;tx=1;
da=&quot;document.all['&quot;+args[k]+&quot;']&quot;;if(document.getElementById){
d=&quot;document.getElementsByName('&quot;+args[k]+&quot;')[0]&quot;;if(!eval(d)){
d=&quot;document.getElementById('&quot;+args[k]+&quot;')&quot;;if(!eval(d)){d=da;}}
}else if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){
p+=&quot;.offsetParent&quot;;if(eval(d+p)){x+=parseInt(eval(d+p+&quot;.offsetLeft&quot;));y+=parseInt(eval(d+p+&quot;.offsetTop&quot;));
}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
if(tw==0||(navigator.appVersion.indexOf(&quot;MSIE 4&quot;)>-1&&navigator.appVersion.indexOf(&quot;Mac&quot;)>-1)){
ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{
w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd=&quot;&quot;;for(var s=0;s<q0.length;s++){
dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');
break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appVersion.indexOf(&quot;MSIE 5&quot;)>-1 && navigator.appVersion.indexOf(&quot;Mac&quot;)>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}
e.left=xx+pa;e.top=yy+pa;}}}
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
<style type=&quot;text/css&quot;>
<!--
.style18 {font-family: Georgia, &quot;Times New Roman&quot;, Times, serif}
-->
</style>
</head>

<body onLoad=&quot;P7_Snap('nav_r1_c9','hoverlayer',-87,76);P7_Snap('nav_r1_c9','categories',-92,76)&quot;;&quot;doNothing()&quot;>
<div id=&quot;hoverlayer&quot; style=&quot;position:absolute; left:259px; top:76px; width:272px; height:317px; z-index:1; overflow: hidden; visibility: hidden;&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;272&quot;>
<!-- fwtable fwsrc=&quot;back.png&quot; fwbase=&quot;hover.jpg&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;730326516&quot; fwnested=&quot;0&quot; -->
<tr>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;40&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;32&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;7&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;78&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;6&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;27&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;33&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;12&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;22&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r1_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r1_c1&quot; width=&quot;272&quot; height=&quot;10&quot; border=&quot;0&quot; id=&quot;hover_r1_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;6&quot; align=&quot;center&quot; valign=&quot;top&quot;><p>
</p>
<p> </p></td>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r2_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r2_c2&quot; width=&quot;235&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r2_c2&quot; /></td>
<td rowspan=&quot;6&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td rowspan=&quot;3&quot; valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r3_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r3_c3&quot; width=&quot;150&quot; height=&quot;63&quot; border=&quot;0&quot; id=&quot;hover_r3_c3&quot; /></td>
<td rowspan=&quot;3&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;63&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td valign=&quot;top&quot;><p></p></td>
<td colspan=&quot;3&quot;><img src=&quot;images/hover_r4_c4.gif&quot; alt=&quot;&quot; name=&quot;hover_r4_c4&quot; width=&quot;91&quot; height=&quot;83&quot; border=&quot;0&quot; id=&quot;hover_r4_c4&quot; /></td>
<td valign=&quot;top&quot;><p></p></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;83&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;5&quot;><img src=&quot;images/hover_r5_c3.gif&quot; alt=&quot;&quot; name=&quot;hover_r5_c3&quot; width=&quot;150&quot; height=&quot;43&quot; border=&quot;0&quot; id=&quot;hover_r5_c3&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;43&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r6_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r6_c2&quot; width=&quot;235&quot; height=&quot;36&quot; border=&quot;0&quot; id=&quot;hover_r6_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;36&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;8&quot;><img src=&quot;images/hover_r7_c2.gif&quot; alt=&quot;&quot; name=&quot;hover_r7_c2&quot; width=&quot;235&quot; height=&quot;27&quot; border=&quot;0&quot; id=&quot;hover_r7_c2&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;27&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
<tr>
<td colspan=&quot;10&quot;><img src=&quot;images/hover_r8_c1.gif&quot; alt=&quot;&quot; name=&quot;hover_r8_c1&quot; width=&quot;272&quot; height=&quot;12&quot; border=&quot;0&quot; id=&quot;hover_r8_c1&quot; /></td>
<td><img src=&quot;images/spacer.gif&quot; width=&quot;1&quot; height=&quot;12&quot; border=&quot;0&quot; alt=&quot;&quot; /></td>
</tr>
</table>
</div>

*****continued in next post
 
Upvote 0 Downvote
I apologize for duplicating the code. When I tried to post it I was given an error so I tried again. Anyway the code is the same in all three posts (the last one just being truncated).
 
Upvote 0 Downvote
the layer that does the glow is hidden. i don;t see the code to trigger the show functions

compare your original where you had the glow and this one to see if there is a mouseover trigger to make the glow work

Note: I hate DW for this reason, way to much bloated code...

Bastien

Any one have a techie job in Toronto, I need to work...being laid off sucks!
 
Upvote 0 Downvote
The mouseover command is attached to the images/nav_r2_c3.jpg object. This can be found about 3/4 of the way down the page.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
211
lmcate
lmcate
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
801
spamjim
spamjim
lmcate
  • Locked
  • Question
Create a Expand/Collapse FAQ Accordion, Collapse other on Click 1
Replies
2
Views
745
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
929
spamjim
spamjim
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
233
jjgupta915
jjgupta915

Part and Inventory Search

Sponsor

Back
Top