How to permanently stick a layered button

J

Jack D. Slater

I've got 2 set in a table cell but they keep sliding depending on browser
window size. Help?
JDS
 
J

JDR

Jack,

Layers use absolute positioning, so if you want them to stay within a cell,
insert them as images and not layers.

JDR
****************
 
J

JDR

That creates another issue, that you did not mention in your first request.

If you are using a fly menu which requires layers / positioning, you will
probably need to structure your tables in pixels rather than percentages.

By setting exact pixels for the tables/cells, your x/y positioning of your
menu would fit the page layout.

JDR
**************
 
J

Jack Slater

Sorry for not getting all the details in first JDR and thanks for the help!
I have tried setting the table width at 552 pixels but the layer still
slides. What am I missing?
 
J

JDR

Hi Jack,

If you can post a url it will be easier to see what's happening and allow
myself and others to also help you with this.

JDR
*****************
 
J

Jack Slater

JDR here is the code - I've not published to web yet.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="keywords" content="Adolphs Mexican Foods, East Moline Illinois,
MOline Illinois">
<meta name="description" content="Adolphs Mexican Foods">
<link rel="File-List" href="adolphs_files/filelist.xml">

<title>Adolphs Mexican Foods</title>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
<script language="javascript" id="jcSpawn">
// Jimco Add-ins Spawn JavaScript
// This script is freely redistributable. //-->
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var windowOptions;
if (scaleType == 'percent')
{
w = (w * screen.availWidth) / 100;
h = (h * screen.availHeight) / 100;
}
if (x == 'center')
{
x = (screen.availWidth - w) / 2;
y = (screen.availHeight - h) / 2;
}
windowOptions = options + ',width=' + w + ',height=' + h + ',left=' + x +
',top=' + y;
newWindow = window.open(url, name, windowOptions);
newWindow.focus();
}
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body bgcolor="#FF8000">

<div align="center">
<div style="position: absolute; width: 100px; height: 23px; z-index: 2;
left: 243px; top: 327px; visibility: visible" id="Location"
onmouseover="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','visible')">
<div style="position: absolute; width: 100px; height: 43px; z-index: 2;
left: 1px; top: -22px; visibility: hidden" id="East_Moline"
onmouseout="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','hidden')">
<!--[if gte vml 1]><v:shapetype id="_x0000_t158"
coordsize="21600,21600" o:spt="158" adj="1404,10800"
path="m@37@0c@38@3@39@1@40@0@41@3@42@1@43@0m@30@4c@31@5@32@6@33@4@34@5@35@6@36@4e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="prod @0 41 9"/>
<v:f eqn="prod @0 23 9"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 #0"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum #1 0 10800"/>
<v:f eqn="sum 21600 0 #1"/>
<v:f eqn="prod @8 1 3"/>
<v:f eqn="prod @8 2 3"/>
<v:f eqn="prod @8 4 3"/>
<v:f eqn="prod @8 5 3"/>
<v:f eqn="prod @8 2 1"/>
<v:f eqn="sum 21600 0 @9"/>
<v:f eqn="sum 21600 0 @10"/>
<v:f eqn="sum 21600 0 @8"/>
<v:f eqn="sum 21600 0 @11"/>
<v:f eqn="sum 21600 0 @12"/>
<v:f eqn="sum 21600 0 @13"/>
<v:f eqn="prod #1 1 3"/>
<v:f eqn="prod #1 2 3"/>
<v:f eqn="prod #1 4 3"/>
<v:f eqn="prod #1 5 3"/>
<v:f eqn="prod #1 2 1"/>
<v:f eqn="sum 21600 0 @20"/>
<v:f eqn="sum 21600 0 @21"/>
<v:f eqn="sum 21600 0 @22"/>
<v:f eqn="sum 21600 0 @23"/>
<v:f eqn="sum 21600 0 @24"/>
<v:f eqn="if @7 @19 0"/>
<v:f eqn="if @7 @18 @20"/>
<v:f eqn="if @7 @17 @21"/>
<v:f eqn="if @7 @16 #1"/>
<v:f eqn="if @7 @15 @22"/>
<v:f eqn="if @7 @14 @23"/>
<v:f eqn="if @7 21600 @24"/>
<v:f eqn="if @7 0 @29"/>
<v:f eqn="if @7 @9 @28"/>
<v:f eqn="if @7 @10 @27"/>
<v:f eqn="if @7 @8 @8"/>
<v:f eqn="if @7 @11 @26"/>
<v:f eqn="if @7 @12 @25"/>
<v:f eqn="if @7 @13 21600"/>
<v:f eqn="sum @36 0 @30"/>
<v:f eqn="sum @4 0 @0"/>
<v:f eqn="max @30 @37"/>
<v:f eqn="min @36 @43"/>
<v:f eqn="prod @0 2 1"/>
<v:f eqn="sum 21600 0 @48"/>
<v:f eqn="mid @36 @43"/>
<v:f eqn="mid @30 @37"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom"
o:connectlocs="@40,@0;@51,10800;@33,@4;@50,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t" xscale="t"/>
<v:handles>
<v:h position="topLeft,#0" yrange="0,2229"/>
<v:h position="#1,bottomRight" xrange="8640,12960"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1031" type="#_x0000_t158" alt="East
Moline"
href="eastmoline.htm"
style='width:103.5pt;height:12pt;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="East Moline"/></v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap0><area shape=Polygoncoords="4, 1, 1, 12, 1, 17, 3, 20, 58, 20, 139, 20, 140, 20, 143, 6, 139, 1,103, 1, 4, 1"href="eastmoline.htm" title=""></map><img border=0 width=143 height=21src="adolphs2_files/image001.gif" usemap="#MicrosoftOfficeMap0"alt="East Moline" v:shapes="_x0000_s1031"></span><![endif]><p><!--[if gtevml 1]><v:shape id="_x0000_s1030" type="#_x0000_t158" alt="East Moline" href="moline.htm" style='width:95.25pt;height:9.75pt;mso-wrap-style:square; mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="Moline"/></v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap1><area shape=Polygoncoords="10, 2, 1, 13, 5, 18, 42, 18, 126, 18, 131, 10, 132, 7, 130, 2, 10,2"href="moline.htm" title=""></map><img border=0 width=132 height=19src="adolphs2_files/image002.gif" usemap="#MicrosoftOfficeMap1"alt="East Moline" v:shapes="_x0000_s1030"></span><![endif]></div> <ponmouseover="FP_changeProp(/*id*/'Location',0,'style.visibility','visible');"><!--[if gte vml 1]><v:shape id="_x0000_s1029" type="#_x0000_t158" alt="East Moline"style='width:103.5pt; height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt; mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="lime"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="Locations"/></v:shape><![endif]--><![if !vml]><img border=0 width=143 height=21src="adolphs2_files/image003.gif" alt="East Moline"v:shapes="_x0000_s1029"><![endif]></div> <table border="0" id="table1" width="558"> <tr> <td colspan="3" height="306"> <p align="center"> <img border="0" src="COLORLOGO2.jpg" width="487" height="287"></td> </tr> <tr> <td width="169"> <p align="center"> &nbsp;</td> <td width="194"> <p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1028" type="#_x0000_t158" alt="East Moline" style='width:105pt; height:13.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt; mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="yellow"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="promotions"/></v:shape><![endif]--><![if !vml]><img border=0 width=145 height=23src="adolphs2_files/image004.gif" alt="East Moline"v:shapes="_x0000_s1028"><![endif]></td> <td width="181"> <p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1027" type="#_x0000_t158" alt="East Moline"style='width:101.25pt; height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt; mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="catering"/></v:shape><![endif]--><![if !vml]><img border=0 width=139 height=22src="adolphs2_files/image005.gif" alt="East Moline"v:shapes="_x0000_s1027"><![endif]></td> </tr> <tr> <td colspan="3" align="center" valign="top"> <p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1026" type="#_x0000_t158" alt="East Moline"style='width:122.25pt; height:16.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt; mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top' fillcolor="#2c7cd4"> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="adolph Perez"/></v:shape><![endif]--><![if !vml]><img border=0 width=168 height=27src="adolphs2_files/image006.gif" alt="East Moline"v:shapes="_x0000_s1026"><![endif]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="vets.htm"onclick="spawnJimcoPopup('vets.htm','Veterans','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes','250','210','center','center','pixel');return false;"><img border="0" src="ribbon.jpg"width="28"height="44"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[if gte vml 1]><v:shape id="_x0000_s1025" type="#_x0000_t158" alt="East Moline"style='width:105.75pt; height:15pt;mso-wrap-style:square;mso-wrap-distance-left:9pt; mso-wrap-distance-top:0;mso-wrap-distance-right:9pt; mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text; mso-position-vertical:absolute;mso-position-vertical-relative:text; v-text-anchor:top'> <v:fill color2="#aaa"/> <v:shadow on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath style='font-family:"Informal011BT";font-size:10pt;font-style:italic; v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f" string="patrons"/></v:shape><![endif]--><![if !vml]><img border=0 width=146 height=25src="adolphs2_files/image007.gif" alt="East Moline"v:shapes="_x0000_s1025"><![endif]></td> </tr> <tr> <td colspan="3" height="34" align="center" valign="bottom"> <p align="center"><font face="Arial" size="2">Serving the Quad Citiessince 1952<br> </font><font face="Arial" size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2004 ADOLPH'S MEXICAN FOODS, EAST MOLINE, INC.&nbsp; All rights reserved</font></td> </tr> </table></div></body></html>"JDR" <[email protected]> wrote in messageHi Jack,>> If you can post a url it will be easier to see what's happening and allow> myself and others to also help you with this.>> JDR> *****************>> "Jack Slater" wrote:>>> Sorry for not getting all the details in first JDR and thanks for thehelp!>> I have tried setting the table width at 552 pixels but the layer still>> slides. What am I missing?>>>> "JDR" <[email protected]> wrote in message>> > That creates another issue, that you did not mention in your first>> > request.>> >>> > If you are using a fly menu which requires layers / positioning, youwill>> > probably need to structure your tables in pixels rather thanpercentages.>> >>> > By setting exact pixels for the tables/cells, your x/y positioning ofyour>> > menu would fit the page layout.>> >>> > JDR>> > **************>> >>> > "Jack Slater" wrote:>> >>> >> How can I do that and have the "on mouser over" pop-up menu effect?>> >>>> >> "JDR" <[email protected]> wrote in message>> >> >> > Jack,>> >> >>> >> > Layers use absolute positioning, so if you want them to stay withina>> >> > cell,>> >> > insert them as images and not layers.>> >> >>> >> > JDR>> >> > ****************>> >> >>> >> > "Jack D. Slater" wrote:>> >> >>> >> >> I've got 2 set in a table cell but they keep sliding depending on>> >> >> browser>> >> >> window size. Help?>> >> >> JDS>> >> >>>> >> >>>> >> >>>> >>>> >>>> >>>>>>>>
 
J

Jack Slater

JDR Great suggestions - let me work at that and see if I can master it all!
Thanks for the detailed help!
JDS

JDR said:
Hi Jack,

Here are some recommendations, first you are using WordArt to create your
graphics.
I would recommend you create graphics in a graphics program, as VML is not
fully supported in all browsers.

Then insert your graphics into the table / cells you have provided.

Now insert your graphics that you want to appear on a mouse-over event.
Right Click the image and set your positioning.
Go to Layer proerties and assign an ID, set the visibility to "Hidden"

Now click on the graphic link that will trigger the event, go to format >
Behaviors and select the on-mouseover > show layer.

Go to file and preview in browser, adjust as needed and then move to the
next graphic.

This will create the effect your looking for with greater browser support
and less code.

You could also create a true dynamic menu with FP 03 layers / Behaviors or
use a program that will generate the code, such as All Web Menus or
J-Bots components:
http://www.websunlimited.com/order/Product/JBP2004/jbp_help_dir_2004.htm

JDR
*************************
Jack Slater said:
JDR here is the code - I've not published to web yet.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="keywords" content="Adolphs Mexican Foods, East Moline
Illinois,
MOline Illinois">
<meta name="description" content="Adolphs Mexican Foods">
<link rel="File-List" href="adolphs_files/filelist.xml">

<title>Adolphs Mexican Foods</title>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new
Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}
// -->
</script>
<script language="javascript" id="jcSpawn">
// Jimco Add-ins Spawn JavaScript
// This script is freely redistributable. //-->
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var windowOptions;
if (scaleType == 'percent')
{
w = (w * screen.availWidth) / 100;
h = (h * screen.availHeight) / 100;
}
if (x == 'center')
{
x = (screen.availWidth - w) / 2;
y = (screen.availHeight - h) / 2;
}
windowOptions = options + ',width=' + w + ',height=' + h + ',left=' +
x +
',top=' + y;
newWindow = window.open(url, name, windowOptions);
newWindow.focus();
}
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body bgcolor="#FF8000">

<div align="center">
<div style="position: absolute; width: 100px; height: 23px; z-index: 2;
left: 243px; top: 327px; visibility: visible" id="Location"
onmouseover="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','visible')">
<div style="position: absolute; width: 100px; height: 43px; z-index: 2;
left: 1px; top: -22px; visibility: hidden" id="East_Moline"
onmouseout="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','hidden')">
<!--[if gte vml 1]><v:shapetype id="_x0000_t158"
coordsize="21600,21600" o:spt="158" adj="1404,10800"
path="m@37@0c@38@3@39@1@40@0@41@3@42@1@43@0m@30@4c@31@5@32@6@33@4@34@5@35@6@36@4e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="prod @0 41 9"/>
<v:f eqn="prod @0 23 9"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 #0"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum #1 0 10800"/>
<v:f eqn="sum 21600 0 #1"/>
<v:f eqn="prod @8 1 3"/>
<v:f eqn="prod @8 2 3"/>
<v:f eqn="prod @8 4 3"/>
<v:f eqn="prod @8 5 3"/>
<v:f eqn="prod @8 2 1"/>
<v:f eqn="sum 21600 0 @9"/>
<v:f eqn="sum 21600 0 @10"/>
<v:f eqn="sum 21600 0 @8"/>
<v:f eqn="sum 21600 0 @11"/>
<v:f eqn="sum 21600 0 @12"/>
<v:f eqn="sum 21600 0 @13"/>
<v:f eqn="prod #1 1 3"/>
<v:f eqn="prod #1 2 3"/>
<v:f eqn="prod #1 4 3"/>
<v:f eqn="prod #1 5 3"/>
<v:f eqn="prod #1 2 1"/>
<v:f eqn="sum 21600 0 @20"/>
<v:f eqn="sum 21600 0 @21"/>
<v:f eqn="sum 21600 0 @22"/>
<v:f eqn="sum 21600 0 @23"/>
<v:f eqn="sum 21600 0 @24"/>
<v:f eqn="if @7 @19 0"/>
<v:f eqn="if @7 @18 @20"/>
<v:f eqn="if @7 @17 @21"/>
<v:f eqn="if @7 @16 #1"/>
<v:f eqn="if @7 @15 @22"/>
<v:f eqn="if @7 @14 @23"/>
<v:f eqn="if @7 21600 @24"/>
<v:f eqn="if @7 0 @29"/>
<v:f eqn="if @7 @9 @28"/>
<v:f eqn="if @7 @10 @27"/>
<v:f eqn="if @7 @8 @8"/>
<v:f eqn="if @7 @11 @26"/>
<v:f eqn="if @7 @12 @25"/>
<v:f eqn="if @7 @13 21600"/>
<v:f eqn="sum @36 0 @30"/>
<v:f eqn="sum @4 0 @0"/>
<v:f eqn="max @30 @37"/>
<v:f eqn="min @36 @43"/>
<v:f eqn="prod @0 2 1"/>
<v:f eqn="sum 21600 0 @48"/>
<v:f eqn="mid @36 @43"/>
<v:f eqn="mid @30 @37"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom"
o:connectlocs="@40,@0;@51,10800;@33,@4;@50,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t" xscale="t"/>
<v:handles>
<v:h position="topLeft,#0" yrange="0,2229"/>
<v:h position="#1,bottomRight" xrange="8640,12960"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1031" type="#_x0000_t158" alt="East
Moline"
href="eastmoline.htm"
style='width:103.5pt;height:12pt;mso-wrap-style:square;

mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="East Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap0><area
shape=Polygoncoords="4, 1, 1, 12, 1, 17, 3, 20, 58, 20, 139, 20, 140, 20,
143, 6, 139, 1,103, 1, 4, 1"href="eastmoline.htm" title=""></map><img
border=0 width=143 height=21src="adolphs2_files/image001.gif"
usemap="#MicrosoftOfficeMap0"alt="East Moline"
v:shapes="_x0000_s1031"></span><![endif]><p><!--[if gtevml 1]><v:shape
id="_x0000_s1030" type="#_x0000_t158" alt="East

Moline" href="moline.htm"
style='width:95.25pt;height:9.75pt;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap1><area
shape=Polygoncoords="10, 2, 1, 13, 5, 18, 42, 18, 126, 18, 131, 10, 132,
7, 130, 2, 10,2"href="moline.htm" title=""></map><img border=0 width=132
height=19src="adolphs2_files/image002.gif"
usemap="#MicrosoftOfficeMap1"alt="East Moline"
v:shapes="_x0000_s1030"></span><![endif]></div>
<ponmouseover="FP_changeProp(/*id*/'Location',0,'style.visibility','visible');"><!--[if
gte vml 1]><v:shape id="_x0000_s1029" type="#_x0000_t158" alt="East
Moline"style='width:103.5pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="lime"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Locations"/></v:shape><![endif]--><![if !vml]><img border=0
width=143 height=21src="adolphs2_files/image003.gif" alt="East
Moline"v:shapes="_x0000_s1029"><![endif]></div> <table border="0"
id="table1" width="558"> <tr> <td colspan="3" height="306"> <p
align="center">
<img border="0" src="COLORLOGO2.jpg" width="487" height="287"></td> </tr>
<tr> <td width="169"> <p align="center"> </td> <td width="194">
<p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1028"
type="#_x0000_t158" alt="East Moline" style='width:105pt;
height:13.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="yellow"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="promotions"/></v:shape><![endif]--><![if !vml]><img border=0
width=145 height=23src="adolphs2_files/image004.gif" alt="East
Moline"v:shapes="_x0000_s1028"><![endif]></td> <td
width="181"> <p align="center"><!--[if gte vml 1]><v:shape
id="_x0000_s1027" type="#_x0000_t158" alt="East
Moline"style='width:101.25pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="catering"/></v:shape><![endif]--><![if !vml]><img border=0
width=139 height=22src="adolphs2_files/image005.gif" alt="East
Moline"v:shapes="_x0000_s1027"><![endif]></td> </tr> <tr> <td
colspan="3" align="center" valign="top"> <p align="center"><!--[if gte
vml 1]><v:shape id="_x0000_s1026" type="#_x0000_t158"
alt="East Moline"style='width:122.25pt;
height:16.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="#2c7cd4"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="adolph Perez"/></v:shape><![endif]--><![if !vml]><img border=0
width=168 height=27src="adolphs2_files/image006.gif" alt="East
Moline"v:shapes="_x0000_s1026"><![endif]> <a
href="vets.htm"onclick="spawnJimcoPopup('vets.htm','Veterans','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes','250','210','center','center','pixel');return
false;"><img border="0"
src="ribbon.jpg"width="28"height="44"></a> <!--[if gte vml
1]><v:shape id="_x0000_s1025" type="#_x0000_t158" alt="East
Moline"style='width:105.75pt;
height:15pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top'> <v:fill color2="#aaa"/> <v:shadow on="t"
color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="patrons"/></v:shape><![endif]--><![if !vml]><img border=0
width=146 height=25src="adolphs2_files/image007.gif" alt="East
Moline"v:shapes="_x0000_s1025"><![endif]></td> </tr> <tr> <td
colspan="3" height="34" align="center" valign="bottom"> <p
align="center"><font face="Arial" size="2">Serving the Quad
Citiessince 1952<br> </font><font face="Arial" size="1"> 2004
ADOLPH'S MEXICAN FOODS, EAST MOLINE, INC. All rights
reserved</font></td> </tr> </table></div></body></html>"JDR"
messageHi
Jack,>> If you can post a url it will be easier to see what's happening
and allow> myself and others to also help you with this.>> JDR>
*****************>> "Jack Slater" wrote:>>> Sorry for not getting all the
details in first JDR and thanks for thehelp!>> I have tried setting the
table width at 552 pixels but the layer still>> slides. What am I
> That
creates another issue, that you did not mention in your first>> >
request.>> >>> > If you are using a fly menu which requires layers /
positioning, youwill>> > probably need to structure your tables in pixels
rather
thanpercentages.>> >>> > By setting exact pixels for the tables/cells,
your x/y positioning ofyour>> > menu would fit the page layout.>> >>> >
JDR>> > **************>> >>> > "Jack Slater" wrote:>> >>> >> How can I do
that and have the "on mouser over" pop-up menu effect?>> >>>> >> "JDR"
 
J

Jack Slater

JDR -
I'm just loaded with questions! Too much to learn the hard way I guess...
I'm trying to use Paint Shop Pro 6.0 to do the graphics work but it seems
very hard to learn and non-intuitive. Is there a better option?
JDS

JDR said:
Hi Jack,

You shold be fine now, and definitely better off in the long run..

JDR
*******************

Jack Slater said:
JDR Great suggestions - let me work at that and see if I can master it
all!
Thanks for the detailed help!
JDS

JDR said:
Hi Jack,

Here are some recommendations, first you are using WordArt to create
your
graphics.
I would recommend you create graphics in a graphics program, as VML is
not
fully supported in all browsers.

Then insert your graphics into the table / cells you have provided.

Now insert your graphics that you want to appear on a mouse-over event.
Right Click the image and set your positioning.
Go to Layer proerties and assign an ID, set the visibility to "Hidden"

Now click on the graphic link that will trigger the event, go to format

Behaviors and select the on-mouseover > show layer.

Go to file and preview in browser, adjust as needed and then move to
the
next graphic.

This will create the effect your looking for with greater browser
support
and less code.

You could also create a true dynamic menu with FP 03 layers / Behaviors
or
use a program that will generate the code, such as All Web Menus or
J-Bots components:
http://www.websunlimited.com/order/Product/JBP2004/jbp_help_dir_2004.htm

JDR
*************************
:

JDR here is the code - I've not published to web yet.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="keywords" content="Adolphs Mexican Foods, East Moline
Illinois,
MOline Illinois">
<meta name="description" content="Adolphs Mexican Foods">
<link rel="File-List" href="adolphs_files/filelist.xml">

<title>Adolphs Mexican Foods</title>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) {
v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new
Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s);
d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el)
return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}
// -->
</script>
<script language="javascript" id="jcSpawn">
// Jimco Add-ins Spawn JavaScript
// This script is freely redistributable. //-->
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var windowOptions;
if (scaleType == 'percent')
{
w = (w * screen.availWidth) / 100;
h = (h * screen.availHeight) / 100;
}
if (x == 'center')
{
x = (screen.availWidth - w) / 2;
y = (screen.availHeight - h) / 2;
}
windowOptions = options + ',width=' + w + ',height=' + h + ',left='
+
x +
',top=' + y;
newWindow = window.open(url, name, windowOptions);
newWindow.focus();
}
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body bgcolor="#FF8000">

<div align="center">
<div style="position: absolute; width: 100px; height: 23px; z-index:
2;
left: 243px; top: 327px; visibility: visible" id="Location"
onmouseover="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','visible')">
<div style="position: absolute; width: 100px; height: 43px; z-index:
2;
left: 1px; top: -22px; visibility: hidden" id="East_Moline"
onmouseout="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','hidden')">
<!--[if gte vml 1]><v:shapetype id="_x0000_t158"
coordsize="21600,21600" o:spt="158" adj="1404,10800"
path="m@37@0c@38@3@39@1@40@0@41@3@42@1@43@0m@30@4c@31@5@32@6@33@4@34@5@35@6@36@4e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="prod @0 41 9"/>
<v:f eqn="prod @0 23 9"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 #0"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum #1 0 10800"/>
<v:f eqn="sum 21600 0 #1"/>
<v:f eqn="prod @8 1 3"/>
<v:f eqn="prod @8 2 3"/>
<v:f eqn="prod @8 4 3"/>
<v:f eqn="prod @8 5 3"/>
<v:f eqn="prod @8 2 1"/>
<v:f eqn="sum 21600 0 @9"/>
<v:f eqn="sum 21600 0 @10"/>
<v:f eqn="sum 21600 0 @8"/>
<v:f eqn="sum 21600 0 @11"/>
<v:f eqn="sum 21600 0 @12"/>
<v:f eqn="sum 21600 0 @13"/>
<v:f eqn="prod #1 1 3"/>
<v:f eqn="prod #1 2 3"/>
<v:f eqn="prod #1 4 3"/>
<v:f eqn="prod #1 5 3"/>
<v:f eqn="prod #1 2 1"/>
<v:f eqn="sum 21600 0 @20"/>
<v:f eqn="sum 21600 0 @21"/>
<v:f eqn="sum 21600 0 @22"/>
<v:f eqn="sum 21600 0 @23"/>
<v:f eqn="sum 21600 0 @24"/>
<v:f eqn="if @7 @19 0"/>
<v:f eqn="if @7 @18 @20"/>
<v:f eqn="if @7 @17 @21"/>
<v:f eqn="if @7 @16 #1"/>
<v:f eqn="if @7 @15 @22"/>
<v:f eqn="if @7 @14 @23"/>
<v:f eqn="if @7 21600 @24"/>
<v:f eqn="if @7 0 @29"/>
<v:f eqn="if @7 @9 @28"/>
<v:f eqn="if @7 @10 @27"/>
<v:f eqn="if @7 @8 @8"/>
<v:f eqn="if @7 @11 @26"/>
<v:f eqn="if @7 @12 @25"/>
<v:f eqn="if @7 @13 21600"/>
<v:f eqn="sum @36 0 @30"/>
<v:f eqn="sum @4 0 @0"/>
<v:f eqn="max @30 @37"/>
<v:f eqn="min @36 @43"/>
<v:f eqn="prod @0 2 1"/>
<v:f eqn="sum 21600 0 @48"/>
<v:f eqn="mid @36 @43"/>
<v:f eqn="mid @30 @37"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom"
o:connectlocs="@40,@0;@51,10800;@33,@4;@50,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t" xscale="t"/>
<v:handles>
<v:h position="topLeft,#0" yrange="0,2229"/>
<v:h position="#1,bottomRight" xrange="8640,12960"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1031" type="#_x0000_t158" alt="East
Moline"
href="eastmoline.htm"
style='width:103.5pt;height:12pt;mso-wrap-style:square;

mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="East Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap0><area
shape=Polygoncoords="4, 1, 1, 12, 1, 17, 3, 20, 58, 20, 139, 20, 140,
20,
143, 6, 139, 1,103, 1, 4, 1"href="eastmoline.htm" title=""></map><img
border=0 width=143 height=21src="adolphs2_files/image001.gif"
usemap="#MicrosoftOfficeMap0"alt="East Moline"
v:shapes="_x0000_s1031"></span><![endif]><p><!--[if gtevml 1]><v:shape
id="_x0000_s1030" type="#_x0000_t158" alt="East
Moline" href="moline.htm"
style='width:95.25pt;height:9.75pt;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap1><area
shape=Polygoncoords="10, 2, 1, 13, 5, 18, 42, 18, 126, 18, 131, 10,
132,
7, 130, 2, 10,2"href="moline.htm" title=""></map><img border=0
width=132
height=19src="adolphs2_files/image002.gif"
usemap="#MicrosoftOfficeMap1"alt="East Moline"
v:shapes="_x0000_s1030"></span><![endif]></div>
<ponmouseover="FP_changeProp(/*id*/'Location',0,'style.visibility','visible');"><!--[if
gte vml 1]><v:shape id="_x0000_s1029" type="#_x0000_t158" alt="East
Moline"style='width:103.5pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="lime"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Locations"/></v:shape><![endif]--><![if !vml]><img border=0
width=143 height=21src="adolphs2_files/image003.gif" alt="East
Moline"v:shapes="_x0000_s1029"><![endif]></div> <table border="0"
id="table1" width="558"> <tr> <td colspan="3" height="306"> <p
align="center">
<img border="0" src="COLORLOGO2.jpg" width="487" height="287"></td>
</tr>
<tr> <td width="169"> <p align="center"> </td> <td
width="194">
<p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1028"
type="#_x0000_t158" alt="East Moline" style='width:105pt;
height:13.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="yellow"> <v:fill color2="#aaa"/>
<v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="promotions"/></v:shape><![endif]--><![if !vml]><img border=0
width=145 height=23src="adolphs2_files/image004.gif" alt="East
Moline"v:shapes="_x0000_s1028"><![endif]></td> <td
width="181"> <p align="center"><!--[if gte vml 1]><v:shape
id="_x0000_s1027" type="#_x0000_t158" alt="East
Moline"style='width:101.25pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="catering"/></v:shape><![endif]--><![if !vml]><img border=0
width=139 height=22src="adolphs2_files/image005.gif" alt="East
Moline"v:shapes="_x0000_s1027"><![endif]></td> </tr> <tr> <td
colspan="3" align="center" valign="top"> <p align="center"><!--[if
gte
vml 1]><v:shape id="_x0000_s1026" type="#_x0000_t158"
alt="East Moline"style='width:122.25pt;
height:16.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="#2c7cd4"> <v:fill color2="#aaa"/>
<v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="adolph Perez"/></v:shape><![endif]--><![if !vml]><img border=0
width=168 height=27src="adolphs2_files/image006.gif" alt="East
Moline"v:shapes="_x0000_s1026"><![endif]> <a
href="vets.htm"onclick="spawnJimcoPopup('vets.htm','Veterans','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes','250','210','center','center','pixel');return
false;"><img border="0"
src="ribbon.jpg"width="28"height="44"></a> <!--[if gte
vml
1]><v:shape id="_x0000_s1025" type="#_x0000_t158" alt="East
Moline"style='width:105.75pt;
height:15pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top'> <v:fill color2="#aaa"/> <v:shadow on="t"
color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="patrons"/></v:shape><![endif]--><![if !vml]><img border=0
width=146 height=25src="adolphs2_files/image007.gif" alt="East
Moline"v:shapes="_x0000_s1025"><![endif]></td> </tr> <tr> <td
colspan="3" height="34" align="center" valign="bottom"> <p
align="center"><font face="Arial" size="2">Serving the Quad
Citiessince 1952<br> </font><font face="Arial" size="1"> 2004
ADOLPH'S MEXICAN FOODS, EAST MOLINE, INC. All rights
reserved</font></td> </tr> </table></div></body></html>"JDR"
messageHi
Jack,>> If you can post a url it will be easier to see what's happening
and allow> myself and others to also help you with this.>> JDR>
*****************>> "Jack Slater" wrote:>>> Sorry for not getting all
the
details in first JDR and thanks for thehelp!>> I have tried setting the
table width at 552 pixels but the layer still>> slides. What am I
> That
creates another issue, that you did not mention in your first>> >
request.>> >>> > If you are using a fly menu which requires layers /
positioning, youwill>> > probably need to structure your tables in
pixels
rather
thanpercentages.>> >>> > By setting exact pixels for the tables/cells,
your x/y positioning ofyour>> > menu would fit the page layout.>> >>> >
JDR>> > **************>> >>> > "Jack Slater" wrote:>> >>> >> How can I
do
that and have the "on mouser over" pop-up menu effect?>> >>>> >> "JDR"
>> >
Jack,>>
Layers use absolute positioning, so if you want them to
stay
withina>> >> > cell,>> >> > insert them as images and not layers.>> >>

JDR>> >> > ****************>> >> >>> >> > "Jack D. Slater"
wrote:>>
I've got 2 set in a table cell but they keep sliding
depending on>> >> >> browser>> >> >> window size. Help?>> >> >> JDS>>

 
J

JDR

Hi Jack,

Don't use Paint Shop Pro, but it is over-kill for simple buttons. I
definitely recommend learning a graphics program as you will need one
if you want your site content to be unique.

In the meantime there are quite a few button generators online that will
complete your task.

Here are a couple:
http://www.cooltext.com/
http://www.flashbuttons.com/ (These are Flash)
http://www.affordable-website-design.me.uk/graphicadvbar.html (This will
create everything for you)

JDR
******************


Jack Slater said:
JDR -
I'm just loaded with questions! Too much to learn the hard way I guess...
I'm trying to use Paint Shop Pro 6.0 to do the graphics work but it seems
very hard to learn and non-intuitive. Is there a better option?
JDS

JDR said:
Hi Jack,

You shold be fine now, and definitely better off in the long run..

JDR
*******************

Jack Slater said:
JDR Great suggestions - let me work at that and see if I can master it
all!
Thanks for the detailed help!
JDS

Hi Jack,

Here are some recommendations, first you are using WordArt to create
your
graphics.
I would recommend you create graphics in a graphics program, as VML is
not
fully supported in all browsers.

Then insert your graphics into the table / cells you have provided.

Now insert your graphics that you want to appear on a mouse-over event.
Right Click the image and set your positioning.
Go to Layer proerties and assign an ID, set the visibility to "Hidden"

Now click on the graphic link that will trigger the event, go to format

Behaviors and select the on-mouseover > show layer.

Go to file and preview in browser, adjust as needed and then move to
the
next graphic.

This will create the effect your looking for with greater browser
support
and less code.

You could also create a true dynamic menu with FP 03 layers / Behaviors
or
use a program that will generate the code, such as All Web Menus or
J-Bots components:
http://www.websunlimited.com/order/Product/JBP2004/jbp_help_dir_2004.htm

JDR
*************************
:

JDR here is the code - I've not published to web yet.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="keywords" content="Adolphs Mexican Foods, East Moline
Illinois,
MOline Illinois">
<meta name="description" content="Adolphs Mexican Foods">
<link rel="File-List" href="adolphs_files/filelist.xml">

<title>Adolphs Mexican Foods</title>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) {
v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new
Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s);
d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el)
return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}
// -->
</script>
<script language="javascript" id="jcSpawn">
// Jimco Add-ins Spawn JavaScript
// This script is freely redistributable. //-->
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var windowOptions;
if (scaleType == 'percent')
{
w = (w * screen.availWidth) / 100;
h = (h * screen.availHeight) / 100;
}
if (x == 'center')
{
x = (screen.availWidth - w) / 2;
y = (screen.availHeight - h) / 2;
}
windowOptions = options + ',width=' + w + ',height=' + h + ',left='
+
x +
',top=' + y;
newWindow = window.open(url, name, windowOptions);
newWindow.focus();
}
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body bgcolor="#FF8000">

<div align="center">
<div style="position: absolute; width: 100px; height: 23px; z-index:
2;
left: 243px; top: 327px; visibility: visible" id="Location"
onmouseover="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','visible')">
<div style="position: absolute; width: 100px; height: 43px; z-index:
2;
left: 1px; top: -22px; visibility: hidden" id="East_Moline"
onmouseout="FP_changeProp(/*id*/'East_Moline',0,'style.visibility','hidden')">
<!--[if gte vml 1]><v:shapetype id="_x0000_t158"
coordsize="21600,21600" o:spt="158" adj="1404,10800"
path="m@37@0c@38@3@39@1@40@0@41@3@42@1@43@0m@30@4c@31@5@32@6@33@4@34@5@35@6@36@4e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="prod @0 41 9"/>
<v:f eqn="prod @0 23 9"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 #0"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum #1 0 10800"/>
<v:f eqn="sum 21600 0 #1"/>
<v:f eqn="prod @8 1 3"/>
<v:f eqn="prod @8 2 3"/>
<v:f eqn="prod @8 4 3"/>
<v:f eqn="prod @8 5 3"/>
<v:f eqn="prod @8 2 1"/>
<v:f eqn="sum 21600 0 @9"/>
<v:f eqn="sum 21600 0 @10"/>
<v:f eqn="sum 21600 0 @8"/>
<v:f eqn="sum 21600 0 @11"/>
<v:f eqn="sum 21600 0 @12"/>
<v:f eqn="sum 21600 0 @13"/>
<v:f eqn="prod #1 1 3"/>
<v:f eqn="prod #1 2 3"/>
<v:f eqn="prod #1 4 3"/>
<v:f eqn="prod #1 5 3"/>
<v:f eqn="prod #1 2 1"/>
<v:f eqn="sum 21600 0 @20"/>
<v:f eqn="sum 21600 0 @21"/>
<v:f eqn="sum 21600 0 @22"/>
<v:f eqn="sum 21600 0 @23"/>
<v:f eqn="sum 21600 0 @24"/>
<v:f eqn="if @7 @19 0"/>
<v:f eqn="if @7 @18 @20"/>
<v:f eqn="if @7 @17 @21"/>
<v:f eqn="if @7 @16 #1"/>
<v:f eqn="if @7 @15 @22"/>
<v:f eqn="if @7 @14 @23"/>
<v:f eqn="if @7 21600 @24"/>
<v:f eqn="if @7 0 @29"/>
<v:f eqn="if @7 @9 @28"/>
<v:f eqn="if @7 @10 @27"/>
<v:f eqn="if @7 @8 @8"/>
<v:f eqn="if @7 @11 @26"/>
<v:f eqn="if @7 @12 @25"/>
<v:f eqn="if @7 @13 21600"/>
<v:f eqn="sum @36 0 @30"/>
<v:f eqn="sum @4 0 @0"/>
<v:f eqn="max @30 @37"/>
<v:f eqn="min @36 @43"/>
<v:f eqn="prod @0 2 1"/>
<v:f eqn="sum 21600 0 @48"/>
<v:f eqn="mid @36 @43"/>
<v:f eqn="mid @30 @37"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom"
o:connectlocs="@40,@0;@51,10800;@33,@4;@50,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t" xscale="t"/>
<v:handles>
<v:h position="topLeft,#0" yrange="0,2229"/>
<v:h position="#1,bottomRight" xrange="8640,12960"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1031" type="#_x0000_t158" alt="East
Moline"
href="eastmoline.htm"
style='width:103.5pt;height:12pt;mso-wrap-style:square;

mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="East Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap0><area
shape=Polygoncoords="4, 1, 1, 12, 1, 17, 3, 20, 58, 20, 139, 20, 140,
20,
143, 6, 139, 1,103, 1, 4, 1"href="eastmoline.htm" title=""></map><img
border=0 width=143 height=21src="adolphs2_files/image001.gif"
usemap="#MicrosoftOfficeMap0"alt="East Moline"
v:shapes="_x0000_s1031"></span><![endif]><p><!--[if gtevml 1]><v:shape
id="_x0000_s1030" type="#_x0000_t158" alt="East
Moline" href="moline.htm"
style='width:95.25pt;height:9.75pt;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Moline"/></v:shape><![endif]--><![if !vml]><span
style='mso-ignore:vglayout'><mapname=MicrosoftOfficeMap1><area
shape=Polygoncoords="10, 2, 1, 13, 5, 18, 42, 18, 126, 18, 131, 10,
132,
7, 130, 2, 10,2"href="moline.htm" title=""></map><img border=0
width=132
height=19src="adolphs2_files/image002.gif"
usemap="#MicrosoftOfficeMap1"alt="East Moline"
v:shapes="_x0000_s1030"></span><![endif]></div>
<ponmouseover="FP_changeProp(/*id*/'Location',0,'style.visibility','visible');"><!--[if
gte vml 1]><v:shape id="_x0000_s1029" type="#_x0000_t158" alt="East
Moline"style='width:103.5pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="lime"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="Locations"/></v:shape><![endif]--><![if !vml]><img border=0
width=143 height=21src="adolphs2_files/image003.gif" alt="East
Moline"v:shapes="_x0000_s1029"><![endif]></div> <table border="0"
id="table1" width="558"> <tr> <td colspan="3" height="306"> <p
align="center">
<img border="0" src="COLORLOGO2.jpg" width="487" height="287"></td>
</tr>
<tr> <td width="169"> <p align="center"> </td> <td
width="194">
<p align="center"><!--[if gte vml 1]><v:shape id="_x0000_s1028"
type="#_x0000_t158" alt="East Moline" style='width:105pt;
height:13.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="yellow"> <v:fill color2="#aaa"/>
<v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="promotions"/></v:shape><![endif]--><![if !vml]><img border=0
width=145 height=23src="adolphs2_files/image004.gif" alt="East
Moline"v:shapes="_x0000_s1028"><![endif]></td> <td
width="181"> <p align="center"><!--[if gte vml 1]><v:shape
id="_x0000_s1027" type="#_x0000_t158" alt="East
Moline"style='width:101.25pt;
height:12pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="red"> <v:fill color2="#aaa"/> <v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="catering"/></v:shape><![endif]--><![if !vml]><img border=0
width=139 height=22src="adolphs2_files/image005.gif" alt="East
Moline"v:shapes="_x0000_s1027"><![endif]></td> </tr> <tr> <td
colspan="3" align="center" valign="top"> <p align="center"><!--[if
gte
vml 1]><v:shape id="_x0000_s1026" type="#_x0000_t158"
alt="East Moline"style='width:122.25pt;
height:16.5pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' fillcolor="#2c7cd4"> <v:fill color2="#aaa"/>
<v:shadow
on="t" color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="adolph Perez"/></v:shape><![endif]--><![if !vml]><img border=0
width=168 height=27src="adolphs2_files/image006.gif" alt="East
Moline"v:shapes="_x0000_s1026"><![endif]> <a
href="vets.htm"onclick="spawnJimcoPopup('vets.htm','Veterans','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes','250','210','center','center','pixel');return
false;"><img border="0"
src="ribbon.jpg"width="28"height="44"></a> <!--[if gte
vml
1]><v:shape id="_x0000_s1025" type="#_x0000_t158" alt="East
Moline"style='width:105.75pt;
height:15pt;mso-wrap-style:square;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top'> <v:fill color2="#aaa"/> <v:shadow on="t"
color="#4d4d4d" opacity="52429f" offset=",3pt"/> <v:textpath
style='font-family:"Informal011BT";font-size:10pt;font-style:italic;
v-text-spacing:78650f;v-text-kern:t' trim="t" fitpath="t" xscale="f"
string="patrons"/></v:shape><![endif]--><![if !vml]><img border=0
width=146 height=25src="adolphs2_files/image007.gif" alt="East
Moline"v:shapes="_x0000_s1025"><![endif]></td> </tr> <tr> <td
colspan="3" height="34" align="center" valign="bottom"> <p
align="center"><font face="Arial" size="2">Serving the Quad
Citiessince 1952<br> </font><font face="Arial" size="1"> 2004
ADOLPH'S MEXICAN FOODS, EAST MOLINE, INC. All rights
reserved</font></td> </tr> </table></div></body></html>"JDR"
messageHi
Jack,>> If you can post a url it will be easier to see what's happening
and allow> myself and others to also help you with this.>> JDR>
*****************>> "Jack Slater" wrote:>>> Sorry for not getting all
the
details in first JDR and thanks for thehelp!>> I have tried setting the
table width at 552 pixels but the layer still>> slides. What am I
> That
creates another issue, that you did not mention in your first>> >
request.>> >>> > If you are using a fly menu which requires layers /
positioning, youwill>> > probably need to structure your tables in
pixels
rather
thanpercentages.>> >>> > By setting exact pixels for the tables/cells,
your x/y positioning ofyour>> > menu would fit the page layout.>> >>> >
JDR>> > **************>> >>> > "Jack Slater" wrote:>> >>> >> How can I
do
that and have the "on mouser over" pop-up menu effect?>> >>>> >> "JDR"
>> >
Jack,>>
Layers use absolute positioning, so if you want them to
stay
withina>> >> > cell,>> >> > insert them as images and not layers.>> >>

JDR>> >> > ****************>> >> >>> >> > "Jack D. Slater"
wrote:>>
I've got 2 set in a table cell but they keep sliding
depending on>> >> >> browser>> >> >> window size. Help?>> >> >> JDS>>

 
Top