Adobe Forums: Spry Rollover Menus Do not Retract or Hover

jimlwestCalculating status...

Currently Being Moderated

Spry Rollover Menus Do not Retract or Hover

Jan 31, 2010 5:59 PM

Here's my code and I will attach a screenshot:

<html>

<head>

<title>Total Life Counseling Orlando Winter Park Clermont</title>

/***********************************************

* AnyLink CSS Menu script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

</script>

_uacct = "UA-1922062-1";

urchinTracker();

</script>

<!--

.style1 {color: #FF0000}

.style12 {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

}

.style17 {

color: #6CA7C2;

font-weight: bold;

}

-->

</style>

<style>

<!--

#blog-header h1 {

font-size: 24px;

text-align: left;

padding: 15px 20px 0 20px;

margin: 0;

background-image: url(http://www.blogblog.com/moto_son/topper.gif);

background-repeat: repeat-x;

background-position: top left;

}

#blog-title {

margin:0;

padding:10px 30px 5px;

font-size:200%;

line-height:1.2em;

}

div.Section1

{page:Section1;}

span.EmailStyle15

{font-family:"Arial","sans-serif";

color:#993366}

.__feedview__mainbody { margin-right: 0px }

#main {

margin:0;

padding:15px 20px;

}

.post {

margin:0 0 2em;

}

.post h3 {

margin:0 0 .25em;

line-height: 1.4em;

font-weight: bold;

font-size: 150%;

color:#8cdfff;

}

.style19 {color: #83B5CC}

.style23 {font-size: 18px}

.style25 {

font-size: 12pt;

font-family: Tahoma;

}

.style28 {font-size: 11px}

.style29 {

font-size: 10pt

}

.style22 { color: #77ADC6;

font-weight: bold;

}

.style31 {font-size: 12pt}

.style32 {

font-weight: bold;

font-family: Tahoma;

font-size: 14pt;

}

.style33 {color: #6CA7C2}

.style10 { font-size: 16pt;

font-weight: bold;

}

.style34 {font-size: 16px;

font-family: Arial, Helvetica, sans-serif;

}

.style35 {font-size: 14pt}

.style36 {

font-size: 10pt;

font-family: Arial, Helvetica, sans-serif;

}

.style37 {font-family: Arial, Helvetica, sans-serif}

-->

</style>

</head>

<tr>

<tr>

<tr>

<tr>

<li><a class="MenuBarItemSubmenu" href="contact_us.htm">Contact Us</a>

<ul>

</ul>

</li>

<li><a href="services.htm">Services</a></li>

<li><a class="MenuBarItemSubmenu" href="counselors.htm">Counselors</a>

<ul>

<ul>

</ul>

</li>

</ul>

</li>

<li><a href="http://www.totallifecounseling.com/shop" target="_blank">Products</a></li>

<li><a href="forms.htm">Forms</a></li>

<li><a href="#">Court Ordered</a></li>

<li><a href="camps.htm">Camps</a></li>

</ul>

</div>

//var fo = new FlashObject("flash/HorizontalMenu10.swf", "header", "768", "307", "6");

//fo.addParam("wmode", "transparent");

//fo.addParam("base", "flash");

//fo.write("header");

</script>

</div>

</td>

</tr>

<tr>

<tr>

<tr>

<tr>

<td height="31" bgcolor="#2A6180"><p align="center"><A href="http://totallifecounseling.blogspot.com/"><strong>Articles & Blogs</strong></A></p></td>

</tr>

<tr>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 15,

interval: 6000,

width: 170,

height: 1326,

theme: {

shell: {

background: '#F2F4F5',

color: '#6CA7C2'

tweets: {

background: '#ffffff',

color: '#2a6180',

links: '#2a6180'

}

features: {

scrollbar: false,

loop: false,

live: false,

hashtags: false,

timestamp: false,

avatars: false,

behavior: 'all'

}

}).render().setUser('TotalLife').start();

</script>

<div align="center"><span class="style25"><font style="font-weight: bold; font-family:Georgia,'Times New Roman',Times,serif; font-size:12px; color:#006699;">Read E-Newsletter</font></span>

</div>

</form>

</div>

<p align="center" class="messageBoxContent style19"><strong><A href="resources.htm" class="style1 style25 style31"><font color="#FF0000">Recommended Books, Vitamins & Resources</font></A></strong></p>

</td>

</tr>

</table>

<td width="435" align="center" valign="top" bgcolor="#F3F5F5" class="boxText3"><p align="center"><strong>Counseling in Orlando, Winter Park, East Orlando, Clermont Florida and Central Florida</strong>

<p>TLC offers a "full" range of Individual, Family, & Group Counseling services for Children, Teenagers, Adolescents, and Adults. Our skilled counselors are Relational, Approachable and Specialists providing therapy services in the Central Florida area including: Orlando, Winter Park, Metro West, East Orlando, and Clermont Florida.</p>

<p align="center"><strong><span class="style24"><span class="style32"><font color="#FF0000">Complimentary</font> <span class="style1">15 Minute Phone Consultation (407) 248-0030</span></span></p>

AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/sPatyytF2Ws&hl=en&fs=1&autoplay=1','type','ap plication/x-shockwave-flash','allowscriptaccess','always','allowfullsc reen','true','movie','http://www.youtube.com/v/sPatyytF2Ws&hl=en&fs=1& autoplay=1' ); //end AC code

</script><noscript><object width="425" height="344">

</param>

</param>

</param>

</object></noscript>

<p align="center" class="boxText2"><strong><a href="espanol.htm" title="Orlando, Winter Park, Altamonte, Lake Mary & South West Orlando" target="_blank"><a href="espanol.htm">Español Consejero</a> or <a href="portuguese.htm" target="_blank">Português Conselheiro</a></strong></p>

<p align="center"><span class="boxText3"><a href="testimonials.htm"><strong>Testimonial </strong></a></b>- "He is doing so well! We are continuing with the diet changes and vitamins and his attitude is so much better.

You were right - kids don't see you for very long We are so grateful for your help. We were in a bad place before we saw you and I am really amazed at the difference." </span></p>

<a href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a9b0aa77cca0416" class="addthis_button_compact">Share</a>

</div>

<p><A href="camps.htm" target="_blank"><span class="style1"><blink>Channel 13 News</blink></span> interviews Jim West, president of Total Life Counseling on how our Orlando area Camps Helped a Student with Making Friends.</A></p>

<p align="left">Orlando Mental Health <a href="counselors.htm" target="_parent">Counselors</a> specializing in all areas of therapy. Call us today. We can help!

<HR>

<p align="left"><strong>Services:</strong> Total Life Counseling Center consists of Licensed Counselors, Masters Level Therapists, <a href="espanol.htm" title="Espanol Counseling Services in Orlando & Winter Park Florida" target="_blank"><strong>Espanol Counselors</strong></a>, <a href="portuguese.htm" target="_blank"><strong>Portuguese Counselors</strong></a>, Licensed Mental Health Counselors, <a href="corporate.htm" target="_blank"><strong>Business Coaches</strong></a>, <a href="image.htm" target="_blank"><strong>Image Enhancement Coaches</strong></a> who provide counseling for emotional, mental, physical and spiritual care including marriage, individual, family, substance abuse and more. TLC provides services for all ages in the Orlando Central Florida area and can handle almost any issue:<br>

<TBODY>

<TR>

<TD align="middle"><div align="left"><A href="marriage.htm" target="_parent">Marriage</A></div></TD>

<TD align="middle"><div align="left"><A href="sexualabuse.htm" target="_parent">Sexual Abuse</A></div></TD>

</TR>

<TR>

<TD height="22" align="middle"><div align="left"><A href="depression.htm" target="_parent">Depression</A></div></TD>

<TD align="middle"><div align="left"><A href="anger.htm" target="_parent">Anger Management</A></div></TD>

<TD align="middle"><div align="left"><A href="anxiety.htm" target="_parent">Anxiety</A></div></TD>

</TR>

<TR>

<TD height="39" align="middle"><div align="left"><A href="socialskillsgroups.htm" target="_parent">Social Skills Groups</A></div></TD>

<TD align="middle"><div align="left">Mood Disorders or Bi-Polar</div></TD>

<TD align="middle"><div align="left"><A href="selfharm.htm" target="_parent">Self-injurious Behavior</A></div></TD>

</TR>

<TR>

<TD height="23" align="middle"><div align="left"><A href="premarital.htm" target="_parent">Pre-marital</A></div></TD>

<TD align="middle"><div align="left">Eating Disorders</div></TD>

<TD align="middle"><div align="left">Women's Issues</div></TD>

</TR>

<TR>

<TD align="middle"><div align="left"><A href="odd.htm" target="_parent">Oppositional Defiance Disorder</A></div></TD>

<TD align="middle"><div align="left"><A href="selfharm.htm" target="_parent">Self-Mutilation or Self Harm</A></div></TD>

<TD align="middle"><div align="left"><a href="disabled.htm">Mentally Challenged</a></div></TD>

</TR>

<TR>

<TD height="23" align="middle"><div align="left"><A href="janie.htm" target="_parent">Codependency</A></div></TD>

<TD align="middle"><div align="left"><A href="coaching.htm" target="_parent">Career Assessment</A></div></TD>

<TD align="middle"><div align="left"><A href="deb.htm" target="_blank">Gender Identity</A></div></TD>

</TR>

<TR>

<TD height="55" align="middle"><div align="left"><a href="ptsd.htm">Post Traumatic Stress Disorder PTSD</a></div></TD>

<TD align="middle"><div align="left"><a href="multiple.htm" target="_parent">Multiple Personality or Dissociative Disorders</a></div></TD>

<TD align="middle"><div align="left"><A href="adhd.htm" target="_parent">Attention Deficit Hyperactivity Disorder</A></div></TD>

</TR>

<TR>

<TD height="39" align="middle"><div align="left"><A href="counselors.htm" target="_parent">Christian Counseling</A></div></TD>

<TD align="middle"><div align="left"><a href="skype.htm" target="_blank">Skype, Phone or Online Counseling</a></div></TD>

<TD align="middle"><div align="left"><A href="cyberbullying.htm" target="_parent">Cyberbullying</A></div></TD>

</TR>

<TR>

<TD align="middle"><div align="left"><a href="anxiety.htm" target="_parent">Stress Management</a></div></TD>

<TD align="middle"><div align="left"><A href="grief.htm" target="_parent">Grief</A></div></TD>

</TR>

<TR>

<TD height="37" align="middle"><div align="left"><A href="substance_abuse.htm" target="_parent">Substance Abuse & Addictions</A></div></TD>

<TD align="middle"><div align="left"><A href="sports.htm">Sports Psychology</A></div></TD>

<TD align="middle"><div align="left"><A href="sports.htm" target="_blank">Mental Toughness</A></div></TD>

</TR>

<TR>

<TD height="23" align="middle"><div align="left"><A href="sexualaddictions.htm" target="_parent">Sexual Addictions</A></div></TD>

<TD align="middle"><div align="left"><A href="groups.htm">Groups</A></div></TD>

<TD align="middle"><div align="left"><A href="parenting.htm" target="_parent">Parent Coaching</A></div></TD>

</TR>

<TR>

<TD align="middle"><div align="left">Family</div></TD>

<TD align="middle"><div align="left"><A href="divorce.htm">Divorce Recovery</A></div></TD>

<TD align="middle"><div align="left"><a href="premarital.htm" target="_parent">Pre-Marital</a></div></TD>

</TR>

<TR>

<TD align="middle"><div align="left"><a href="disabled.htm">Mentally Disabled</a></div></TD>

<TD align="middle"><div align="left"><a href="leadershipcoaching.htm">Leadership Coaching</a></div></TD>

</TR>

</TBODY>

</TABLE>

<HR><p>At Total Life Counseling we focus on more than just the “Mind;" we focus on the “Total” person. </p>

<p><U>Clients travel all over Florida, from the Bahamas and Georgia </U>as TLC has worked with patients' and their prescribers' to reduce their dependency on medication. Since 2003 85% of our patients were stabilized with FDA approved supplements and dietary adjustments.</p>

<p>Patients receive tremendous relief from their symptoms with less medication or in some cases without medication. </p>

<p>Orlando teen and adolescent life workshops and teen camps.</p>

<p><span class="style1"><a href="espanol.htm" title="Orlando, Winter Park, Altamonte, Lake Mary & South West Orlando" target="_blank"><strong>Se Habla Español</strong></a> <span class="style22">and</span> <a href="portuguese.htm" target="_blank"><strong>Portuguese (Portugues)</strong></a> <span class="style17">Counselors</span></span></p>

<a href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a9b0aa77cca0416" class="addthis_button_compact">Share</a>

<HR>

<H2>Our Mission Statement</H2>

<p>To provide the Hope, Healing and Support to Individuals, Couples, and Families in a Warm, Approachable Way.</p>

<h2>Our Vision Statement</h2>

<p>To Accelerate Healing with our Relational, Holistic, Experiential approach through Communication, Camps, Coaching, and Counseling.</p>

<HR><h2 class="boxText3 style35">Office Locations and Areas Served</h2>

<p align="left" class="style36">Total Life Counseling Center provides counseling, therapy, coaching, camps and career services for all of central Florida, including: Orlando, Winter Park, Maitland, College Park, Dr. Phillips, Pine Castle, Conway, Windermere, Winter Garden, Ocoee, Oviedo, Longwood, Altamonte Springs, Casselberry, Lake Mary, Sanford, Deland, De Bary, Deltona, Daytona, New Smyrna, Cocoa, Titusville, Merritt Island, Kissimmee, St. Cloud, Celebration, Mt. Dora, the Villages and the tri-cities of Tavares, Eustis and Leesburg. </p>

<p align="left" class="style36">Our counseling, therapy, camps, group, coaching and career services are conveniently located at:</p>

<p align="left" class="style36"><font face="Arial"><a href="http://www.mapquest.com/directions/main.adp?src=maps&1sb=revise&2l=ewk 9MRVLeIOeBOayBAhxUA==&2g=4r1UgrxqqQkErUUWTq9wZA==&2v=ADDRESS&2a=1507 S Hiawassee Rd&2c=Orlando&2s=FL&2z=32835-5718&2y=US&2pn=&2pl=&cat=&q=">1507 S. Hiawassee

Road, Suite 101, Orlando, FL 32835</a></font></p>

<p align="left" class="style36"><font face="Arial"><a href="http://www.mapquest.com/directions/main.adp?src=maps&1sb=revise&2l=QjN BshU7m2oAHEBWy833/w==&2g=qrdtLjTZeC3HG9agi4ixtw==&2v=ADDRESS&2a=1850 Lee Rd&2c=Winter Park&2s=FL&2z=32789-2115&2y=US&2pn=&2pl=&cat=&q=">Lee

World-1850

Lee Road

Ste. #215, Winter Park, FL 32789</a></font></p>

<p align="left" class="style36"><a href="http://maps.google.com/maps?q=1850+N.+Alafaya+Trail+Building+1-B+Orlan do,+FL+32826&oe=utf-8&rls=org.mozilla:en-US:official&client=firefox-a& um=1&ie=UTF-8&split=0&gl=us&ei=syZJSpCoJ4ii8QTjreGTDQ&sa=X&oi=geocode_ result&ct=title&resnum=1" target="_parent" class="style37">1850 N. Alafaya Trail Building 1-A Orlando, FL 32826 Suite 1A</a></p>

<p align="left" class="style34"><span class="style29"><a href="http://maps.google.com/maps?client=safari&rls=en-us&q=7432+State+Road+ 50,+Groveland,+FL+34736&oe=UTF-8&um=1&ie=UTF-8&split=0&gl=us&ei=dPWZSa KgNp6Dtwfel5CcCw&sa=X&oi=geocode_result&resnum=1&ct=title" target="_parent" class="style37">7432 State Road 50, Groveland, FL 34736</a></span></p>

<p class="style10"><b class="style32">Call us (407)

248-0030</b>

</p>

<DIV>

<strong><IMG alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" src="http://img.constantcontact.com/ui/images1/visitor/email1_trans.gif" border="0"> Read our e-Newsletter

</strong>

</FORM>

</DIV>

<DIV align="center"><strong><A href="http://www.constantcontact.com/safesubscribe.jsp" target="_blank"><IMG height="14" alt="" src="http://img.constantcontact.com/ui/images1/safe_subscribe_logo.gif" width="168" vspace="5" border="0"></A></strong></DIV></td>

</tr>

</table> </td>

<tr>

<td height="32" bgcolor="#2A6180"><p align="center"><A href="consultation.htm"><strong>Upcoming Seminars</strong></A></p></td>

</tr>

<tr>

<p align="center" class="style12"><a href="4hourparenting.htm" target="_blank"><strong>4 Hour Court Ordered Divorce Parenting Class-Helping Your Children Through the Transition of Divorce</strong>, Court Referrals Accepted, Saturdays, 9a-1p. <a href="maps.htm"><strong>Total Life Counseling Center</strong></a></p>

<p align="center" class="style12"><a href="parenting.htm" target="_blank"><strong>4 Hour Parenting Class-Parenting with Purpose</strong></a>, Saturdays, 9a-1p. <a href="maps.htm"><strong>Total Life Counseling Center</strong></a></p>

<p align="center" class="style12"><a href="angermanagement.htm" target="_parent"><strong>8 Hour Anger Management Class</strong></a> Court Referrals Accepted, Saturday, 9a-5:30p, <a href="maps.htm"><strong>Total Life Counseling Center</strong></a></p>

<p align="center" class="style12"><span class="style17"><a href="marriage.htm" target="_parent">Couples Cafe </a></span><a href="marriage.htm"><span class="style17">"Enjoying Our Differences" </span></a><a href="Documents/Marriage Couples Cafe.pdf" target="_parent"><strong>Northland Church Natures Table </strong></a>Longwood, FL, TBA, 6:30p-8:30p<BR>

<BR>

<strong>Teen Talk about Obesity, Video Game Addiction, & Hooking Up</strong> - January 26th, 12p-1p, <a href="http://www.810weus.com/" target="_blank"><strong>The Linnda Durre Show 810 AM</strong></a> - James West, MA, LMHC</p>

<p align="center"><span class="style12 style28"><strong>The Hook Up Mentality</strong><BR>

Feb 4th from 9:30a-10:30a, East Ridge Middle School, <a href="james.htm" target="_blank">Jim West, MA, LMHC, NCC</a></span></p>

<p align="center"><span class="style12 style28"><strong>Social Networking & Internet Safety</strong><BR>

Feb 19th from 9:40a-11a, <a href="http://www.thefirstacademy.org" target="_blank">The First Academy</a>. <a href="james.htm" target="_blank">Jim West, MA, LMHC, NCC</a></span></p>

<p align="center"><span class="style12 style28"><strong>Top 10 Technology Relationship Kilers</strong><BR>

May 14th from 9a-12p, RSVP at (407) 281-7000, <a href="http://www.psysolutions.com/facilities/universitybehavioralcenter/" target="_blank">University Behavioral Center</a>. <a href="james.htm" target="_blank">Jim West, MA, LMHC, NCC</a> & <a href="janie.htm" target="_blank">Janie Lacy, MS</a></span></p>

<p align="center" class="style12"><strong>Professional Communicators Available for <a href="corporate.htm" target="_blank">Corporations,</a><a href="consultation.htm" target="_blank"> Colleges, Schools or Local Organizations on a Variety of Topics.</a></strong></p>

<TBODY>

<TR>

<TD height="120" bgColor="#ffffff"><p align="center"><strong><a href="Documents/Staff Brochure.pdf" target="_blank">TLC Brochure</a></strong></p>

</TR>

</TBODY>

</TABLE>

<p align="center"><strong><A href="http://www.cfchristianchamber.com">Member of the Central Florida Christian Chamber of Commerce</A></strong></p>

</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<br>

Main Office: 1507 S. Hiawassee Road #101, Orlando FL 32835 Satellite Locations: Clermont, Winter Park, East Orando Florida<br>

</div>

<DIV><A href="index.html" target="_blank">Home Page</A> | <A href="contact_us.htm" target="_blank">Contact</A> | <A href="maps.htm" target="_blank">Office Locations</A> |<A href="forms.htm"> FAQ</A> <A href="resources.htm">Links</A> <a href="employment.htm"><span class="style33">EMPLOYMENT</span></a></DIV>

</div>

</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

</table>

<!--

var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

//-->

</script>

</body>

</html>

Attachments:

Screen shot 2010-01-31 at 7.55.16 PM.png (464.4 K)

Currently Being Moderated

jimlwest,

Community Member

Jan 31, 2010 6:01 PM

Report

My Submenu's just stay down. They do not retract.

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Jan 31, 2010 10:21 PM

Report

Hi,

Menus in their original state have no cross browser issues and work fine in FF and IE as far as I can see.

The most probable reason for your dilemma is either
1. You have altered the original CSS
2. You have altered the JS
3. You have an error in your HTML code

Without seeing any of these codes, we cannot help you. An online version of your page is the best option.

I hope this helps
Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Jan 31, 2010 10:28 PM

Report

Can you tell me where the error is in my HTML? Also how do I give you my JS script?

Here's my CSS:

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/********************************************************************* **********

LAYOUT INFORMATION: describes box model, positioning, z-order

********************************************************************* **********/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
background-color: #214D65;
top: 0px;
bottom: 10px;
border-top-color: #2B6180;
border-right-color: #2B6180;
border-bottom-color: #2B6180;
border-left-color: #2B6180;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #2B6180;
font-style: normal;
border-top-color: #2B6180;
border-right-color: #2B6180;
border-bottom-color: #2B6180;
border-left-color: #2B6180;
z-index: -1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8.05em;
float: left;
background-color: #235E80;
top: -15px;
border-top-color: #A4B5BF;
border-right-color: #A4B5BF;
border-bottom-color: #A4B5BF;
border-left-color: #A4B5BF;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
right: -8px;
color: #FFFFFF;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 10em;
position: absolute;
left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
background-color: #2B6180;
border-top-color: #2B6180;
border-right-color: #2B6180;
border-bottom-color: #2B6180;
border-left-color: #2B6180;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
background-color: #2B6180;
border-top-color: #2B6180;
border-right-color: #2B6180;
border-bottom-color: #2B6180;
border-left-color: #2B6180;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
width: 10em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
background-color: #285B78;
border-top-color: #2B6180;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
margin: -5% 0 0 95%;
top: auto;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
}

/********************************************************************* **********

DESIGN INFORMATION: describes color scheme, borders, fonts

********************************************************************* **********/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #2B6180;
padding: 0.5em 0.75em;
color: #FFFFFF;
text-decoration: none;
border-top-color: #587788;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #2E698B;
color: #285D78;
background-repeat: no-repeat;
background-image: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #2A6180;
color: #205775;
background-repeat: no-repeat;
}

/********************************************************************* **********

SUBMENU INDICATION: styles if there is a submenu under a given menu item

********************************************************************* **********/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-repeat: no-repeat;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-repeat: no-repeat;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-repeat: no-repeat;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-repeat: no-repeat;
}

/********************************************************************* **********

BROWSER HACKS: the hacks below should not be changed unless you are an expert

********************************************************************* **********/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Jan 31, 2010 11:09 PM

Report

i posted the page at http://www.totallifecounseling.com/indexnew.html

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 1, 2010 12:57 AM

Report

At a quick glance, there are a number of omissions and or mistakes in your code.

1. There is no doctype as in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

2. The SpryAssets folder cannot be found because it is
a) not there or
b) the folder has been wrongly named or
c) the path to the folder is wrong

3. You need to upgrade to Spry version 1.6

I have not gone any further but will do so once the above has been fixed.

I hope this helps.
Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 1, 2010 7:39 AM

Report

i updated to Spry, but how would I show you that online and did everything else. Should I have the following statement you suggested on all of my pages:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 1, 2010 7:39 AM

Report

I also did everything else you suggested

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 1, 2010 5:17 PM

Report

Hi,

Yes, the DOCTYPE should be on every page. Looking through the pages on the site, most pages already have the DOCTYPE; have a look at grief.htm; and others do not; have a look at groups.htm.

I can see that the Spry scripts have been uploaded to your site and have been linked properly to your page. I can also see that the version of Spry online is version 1.6.1.

I notice that your original question regarding "Spry Rollover Menus Do not Retract or Hover" has been answered by incorporating the suggested changes.

All you need to do now is format the Menu so that it resides in the correct position and that you have applied the appropriate labels and colour rules.

Any new questions regarding Spry may need a new topic.

Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 1, 2010 7:37 PM

Report

Can u suggest how to position?

Sincerely,
Jim West
Counselor, Coach, Mentor
(407) 248-0030
Website: www.totallifecounseling.com
Blogs: www.totallifecounseling.blogspot.com
DVD's & Resources: www.totallifecounseling.com/shop
Sent from my iPhone

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 1, 2010 11:58 PM

Report

Remove the following script

                 <div style="position: absolute; width: 535; height: 24; z-index: 1; top: -1" id="layer1" align="right">
                    <div id="horizontalMenu">
                      <script type="text/javascript">
var fo = new FlashObject("flash/horizontalMenu.swf", "horizontalMenu", "527", "200", "6");
fo.addParam("wmode", "transparent");
fo.addParam("base", "flash");
fo.write("horizontalMenu");
                  </script>
                    </div>
                    
                  </div>

And place the following in its place

                    
                    <ul id="MenuBar1" class="MenuBarHorizontal" style="margin-left: 8px;">
                    <li><a class="MenuBarItemSubmenu" href="#">Location</a>
                      <ul>
                        <li><a href="#">Item 1.1</a></li>
                        <li><a href="#">Item 1.2</a></li>
                        <li><a href="#">Item 1.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Counselors</a>
                      <ul>
                        <li><a href="#">Item 2.1</a></li>
                        <li><a href="#">Item 2.2</a></li>
                        <li><a href="#">Item 2.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Products</a>
                        <ul>
                          <li><a href="#">Item 3.1</a></li>
                          <li><a href="#">Item 3.2</a></li>
                          <li><a href="#">Item 3.3</a></li>
                        </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Services</a>
                      <ul>
                        <li><a href="#">Item 4.1</a></li>
                        <li><a href="#">Item 4.2</a></li>
                        <li><a href="#">Item 4.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Social Camps</a>
                      <ul>
                        <li><a href="#">Item 5.1</a></li>
                        <li><a href="#">Item 5.2</a></li>
                        <li><a href="#">Item 5.3</a></li>
                      </ul>
                    </li>
                  </ul>
                  

To style your new menu have a look here

Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 8:34 AM

Report

Thanks Ben. Why does the Doc type statement need to be on the top of
all pages?

Sincerely,
Jim West
Counselor, Coach, Mentor
(407) 248-0030
Website: www.totallifecounseling.com
Blogs: www.totallifecounseling.blogspot.com
DVD's & Resources: www.totallifecounseling.com/shop
Sent from my iPhone

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 9:18 AM

Report

Made changes, but it still does not look right? I also took out the
header.swf flash script as well, but still screwed up. Sorry for the
hassle.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-78072736-592250-2-2560769@mail.forums.adobe.com>
Date: Mon, 01 Feb 2010 23:58:30 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

Remove the following script

<div style="position: absolute; width: 535; height: 24; z-index: 1; top: -1"
id="layer1" align="right">
                    <div id="horizontalMenu">
                      <script type="text/javascript">
var fo = new FlashObject("flash/horizontalMenu.swf", "horizontalMenu", "527",
"200", "6");
fo.addParam("wmode", "transparent");
fo.addParam("base", "flash");
fo.write("horizontalMenu");
                  </script>
                    </div>
                    
                  </div>

And place the following in its place


                    <ul id="MenuBar1" class="MenuBarHorizontal"
style="margin-left: 8px;">
                    <li>[Location | #]
                      <ul>
                        <li>[Item 1.1 | #]</li>
                        <li>[Item 1.2 | #]</li>
                        <li>[Item 1.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Counselors | #]
                      <ul>
                        <li>[Item 2.1 | #]</li>
                        <li>[Item 2.2 | #]</li>
                        <li>[Item 2.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Products | #]
                        <ul>
                          <li>[Item 3.1 | #]</li>
                          <li>[Item 3.2 | #]</li>
                          <li>[Item 3.3 | #]</li>
                        </ul>
                    </li>
                    <li>[Services | #]
                      <ul>
                        <li>[Item 4.1 | #]</li>
                        <li>[Item 4.2 | #]</li>
                        <li>[Item 4.3 | #]</li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Social
Camps</a>
                      <ul>
                        <li>[Item 5.1 | #]</li>
                        <li>[Item 5.2 | #]</li>
                        <li>[Item 5.3 | #]</li>
                      </ul>
                    </li>
                  </ul>
                  

To style your new menu have a look
http://www.adobe.com/devnet/dreamweaver/articles/spry_widgets_design.h tml

Ben
>

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 2, 2010 3:22 PM

Report

jimlwest wrote:

Thanks Ben. Why does the Doc type statement need to be on the top of
all pages?

Have a look here or Google for more answers and views.

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 2, 2010 3:44 PM

Report

As I have previously explained, remove the textcoloured red which you have already done.

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0" class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540" border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1">

                  <div style="position: absolute; width: 535; height: 24; z-index: 1; top: -1" id="layer1" align="right">
                    <div id="horizontalMenu">
                      <script type="text/javascript">
var fo = new FlashObject("flash/horizontalMenu.swf", "horizontalMenu", "527", "200", "6");
fo.addParam("wmode", "transparent");
fo.addParam("base", "flash");
fo.write("horizontalMenu");
                  </script>
                    </div>
                    
                  </div>

And in its (the red coloured text) place the following text coloured green

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0" class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540" border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1">
                  
                    <ul id="MenuBar1" class="MenuBarHorizontal" style="margin-left: 8px;">
                    <li><a class="MenuBarItemSubmenu" href="#">Location</a>
                      <ul>
                        <li><a href="#">Item 1.1</a></li>
                        <li><a href="#">Item 1.2</a></li>
                        <li><a href="#">Item 1.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Counselors</a>
                      <ul>
                        <li><a href="#">Item 2.1</a></li>
                        <li><a href="#">Item 2.2</a></li>
                        <li><a href="#">Item 2.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Products</a>
                        <ul>
                          <li><a href="#">Item 3.1</a></li>
                          <li><a href="#">Item 3.2</a></li>
                          <li><a href="#">Item 3.3</a></li>
                        </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Services</a>
                      <ul>
                        <li><a href="#">Item 4.1</a></li>
                        <li><a href="#">Item 4.2</a></li>
                        <li><a href="#">Item 4.3</a></li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Social Camps</a>
                      <ul>
                        <li><a href="#">Item 5.1</a></li>
                        <li><a href="#">Item 5.2</a></li>
                        <li><a href="#">Item 5.3</a></li>
                      </ul>
                    </li>
                  </ul>
                    

As a side note, your original question was answered and these questions are no longer Spry related. These questions relate to (X)HTML and CSS and are very basic. Which leads me to assume that you are a complete newbie to web design.

Because a good knowledge of XHTML and CSS is fundamental to using the Spry framework, I suggest that you follow tutorials. There is a plethora of tutorials available on the web; simply by Googling you will be able to find them. One very good site that comes to mind is Lynda.com or even TVAdobe.

I wish you well.
Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 7:55 PM

Report

Thanks for your help Ben. I made the changes, but the Spry is still not
working right. Check out the Screen Image I just sent you.

When you go to the page and roll over the menu it does not look right
either. Thanks for your help

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-1478542084-592250-2-2562710@mail.forums.adobe.com>
Date: Tue, 02 Feb 2010 15:44:25 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0"
class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0"
cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540"
border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532"
border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1">
                  
                    <ul id="MenuBar1" class="MenuBarHorizontal"
style="margin-left: 8px;">
                    <li>[Location | #]
                      <ul>
                        <li>[Item 1.1 | #]</li>
                        <li>[Item 1.2 | #]</li>
                        <li>[Item 1.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Counselors | #]
                      <ul>
                        <li>[Item 2.1 | #]</li>
                        <li>[Item 2.2 | #]</li>
                        <li>[Item 2.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Products | #]
                        <ul>
                          <li>[Item 3.1 | #]</li>
                          <li>[Item 3.2 | #]</li>
                          <li>[Item 3.3 | #]</li>
                        </ul>
                    </li>
                    <li>[Services | #]
                      <ul>
                        <li>[Item 4.1 | #]</li>
                        <li>[Item 4.2 | #]</li>
                        <li>[Item 4.3 | #]</li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Social
Camps</a>
                      <ul>
                        <li>[Item 5.1 | #]</li>
                        <li>[Item 5.2 | #]</li>
                        <li>[Item 5.3 | #]</li>
                      </ul>
                    </li>
                  </ul>
                    <!-- End HorizontalMenu --

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 10:57 PM

Report

Hey Ben thanks again for your help. For some reason I can not get the drop
down menu's to work. I created a Nav Bar right under the menu bar, but
having trouble getting Nav Bar to center under the Menu Bar. When I try to
center it the table expands and causes the menu bar to shift? Not sure why.

I was able to add cell padding to make the width of the Nav Bar match the
Menu Bar but when I do that sometimes it messes up the table width.

You will notice I have the pics in the nav bar duplicated, but will easily
fix that once I can get the formatting straight.

I am also planning to put another Menubar under the pictures onces this is
fixed and I will format the Menu Bar with better colors as well.

Thanks for your help.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-1478542084-592250-2-2562710@mail.forums.adobe.com>
Date: Tue, 02 Feb 2010 15:44:25 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0"
class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0"
cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540"
border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532"
border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1"

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 2, 2010 11:04 PM

Report

jimlwest wrote:

Thanks for your help Ben. I made the changes, but the Spry is still not
working right. Check out the Screen Image I just sent you.

When you go to the page and roll over the menu it does not look right
either. Thanks for your help

I have not received any screen image but that doen't matter, I saw the real thing in FF and IE. In FF it works as it should, in IE it doesn't because you are using a table layout rather than using DIV's.

Please take my advice and enroll in a course for (X)HTML and CSS as this is no longer a Spry related problem.

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 11:45 PM

Report

Disregard my last message. I got it worked out. Thanks a bunch.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-1478542084-592250-2-2562710@mail.forums.adobe.com>
Date: Tue, 02 Feb 2010 15:44:25 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

As I have previously explained, remove the textcoloured red which you have
already done.

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0"
class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0"
cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540"
border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532"
border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1">

                  <div style="position: absolute; width: 535; height: 24;
z-index: 1; top: -1" id="layer1" align="right">
                    <div id="horizontalMenu">
                      <script type="text/javascript">
var fo = new FlashObject("flash/horizontalMenu.swf", "horizontalMenu", "527",
"200", "6");
fo.addParam("wmode", "transparent");
fo.addParam("base", "flash");
fo.write("horizontalMenu");
                  </script>
                    </div>
                    
                  </div>

And in its (the red coloured text) place the following text coloured green

<table width="106%" height="600" border="0" cellpadding="0" cellspacing="0"
class="home-bg-l1">
<tr>
    <td width="217" class="home-bg-l1"> </td>
    <td width="893" valign="top"><table width="828" height="595" border="0"
cellpadding="0" cellspacing="0">
      <tr>
        <td height="532" valign="top"><table width="828" height="540"
border="0" cellpadding="0" cellspacing="0" class="home-cbg2">
          <tr>
            <td width="30" class="home-bg-l2"> </td>
            <td width="768" valign="top"><table width="768" height="532"
border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="307" valign="top" class="home-t1">
                  
                    <ul id="MenuBar1" class="MenuBarHorizontal"
style="margin-left: 8px;">
                    <li>[Location | #]
                      <ul>
                        <li>[Item 1.1 | #]</li>
                        <li>[Item 1.2 | #]</li>
                        <li>[Item 1.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Counselors | #]
                      <ul>
                        <li>[Item 2.1 | #]</li>
                        <li>[Item 2.2 | #]</li>
                        <li>[Item 2.3 | #]</li>
                      </ul>
                    </li>
                    <li>[Products | #]
                        <ul>
                          <li>[Item 3.1 | #]</li>
                          <li>[Item 3.2 | #]</li>
                          <li>[Item 3.3 | #]</li>
                        </ul>
                    </li>
                    <li>[Services | #]
                      <ul>
                        <li>[Item 4.1 | #]</li>
                        <li>[Item 4.2 | #]</li>
                        <li>[Item 4.3 | #]</li>
                      </ul>
                    </li>
                    <li><a class="MenuBarItemSubmenu" href="#">Social
Camps</a>
                      <ul>
                        <li>[Item 5.1 | #]</li>
                        <li>[Item 5.2 | #]</li>
                        <li>[Item 5.3 | #]</li>
                      </ul>
                    </li>
                  </ul>
                    

As a side note, your original question was answered and these questions are no
longer Spry related. These questions relate to (X)HTML and CSS and are very
basic. Which leads me to assume that you are a complete newbie to web design.

Because a good knowledge of XHTML and CSS is fundamental to using the Spry
framework, I suggest that you follow tutorials. There is a plethora of
tutorials available on the web; simply by Googling you will be able to find
them. One very good site that comes to mind is Lynda.com or even
http://tv.adobe.com/show/taming-the-web-with-greg-rewis/.

I wish you well.
Ben
>

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 2, 2010 11:58 PM

Report

The drop downs are not working and the pics are shifted to the right in
Safari???

I just pasted the script as you said and the drop down menu's worked. Now
that the Navbar is in it's not dropping down anymore. I wish you could help
with this last thing as I can do the rest.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-1478542084-592250-2-2563352@mail.forums.adobe.com>
Date: Tue, 02 Feb 2010 23:04:28 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 3, 2010 12:32 AM

Report

I have tested your page on my local server and found it to work very well.

The only difference is that I could not include the following files

<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

If you want to try leaving these two files out, maybe we have found the culprit.

Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 3, 2010 8:31 AM

Report

I tried removing both and it shifted the Nav bar to the right and the
MenuBar to the left and the drop down menu did not work. I published it
without the code. I tried it without one line or the other as well and had
the same effect. Any other ideas?

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-793119717-592250-2-2563472@mail.forums.adobe.com>
Date: Wed, 03 Feb 2010 00:33:05 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

I have tested your page on my local server and found it to work very well.

The only difference is that I could not include the following files

<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>

If you want to try leaving these two files out, maybe we have found the
culprit.

Ben
>

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 3, 2010 2:59 PM

Report

Hi,

Give me some time and I shall get back to you, hopefully with a keyless solution.

Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 3, 2010 4:51 PM

Report

I will look forward to your response. I have spent way too much time on
this. I have been managing my site for several years, but did not get
involved as much with design until recently.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-793119717-592250-2-2565571@mail.forums.adobe.com>
Date: Wed, 03 Feb 2010 14:59:56 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

Hi,

Give me some time and I shall get back to you, hopefully with a keyless
solution.

Ben
>

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 3, 2010 7:54 PM

Report

Do we have it figured out yet?

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 3, 2010 8:36 PM

Report

As promised, I have got a working copy of your file here.

What I have done:
1. Reorganized the HTML page. You can see the code by right clicking the mouse button on the page and clicking on source code in the menu that pops up. Copy and paste the code to your editor.
2. Created a new stylesheet called myStyles.css in the styles subfolder. You can download the CSS here.

What I suggest you do is get rid of your tabels and replace them with DIV's. These are more search engine friendly, work faster and are easier to maintain.

This should get you off my back for a while !
Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 3, 2010 9:22 PM

Report

Thanks Ben. Your link looks great in Firefox but If you look at this page
in Safari it still puts the pictures off to the right. I have attached the
screen shot.

I've also given you a screen shot of what it looks like when I paste your
code into Dreamweaver.

Thanks a bunch, but it's still not working right. Sorry you thought you
were going to get rid of me. Thanks for being so helpful. Seems like we
are getting close.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-793119717-592250-2-2566274@mail.forums.adobe.com>
Date: Wed, 03 Feb 2010 20:36:41 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

As promised, I have got a working copy of your file
http://pleysier.com.au/totallifecounseling/indexnew.html.

What I have done:
1. Reorganized the HTML page. You can see the code by right clicking the mouse
button on the page and clicking on source code in the menu that pops up. Copy
and paste the code to your editor.
2. Created a new stylesheet called myStyles.css in the styles subfolder. You
can download the CSS
http://pleysier.com.au/totallifecounseling/styles/myStyles.css

What I suggest you do is get rid of your tabels and replace them with DIV's.
These are more search engine friendly, work faster and are easier to maintain.

This should get you off my back for a while !
Ben
>

|
Mark as:
Currently Being Moderated

Altruistic Gramps,

Community Member

Feb 3, 2010 10:52 PM

Report

Hi Jim,

For most of the day I have been trying to assist you with YOUR problem including downloading your site to my local server, modifying the code that created a problem with the Spry menu, creating a new stylesheet and uploading your site to an online server so that you could see the code as it should have been written.

I also advised you to remove the tables in lieu of DIV's. It is this part that will fix the positioning of the images for Safari.

Unless you hire me, I am NOT going to rewrite the code of the whole page to fix your problem. As said, it is YOUR problem and has nothing to do with the parameters set for this forum which is help each other with Spry related issues.

Ben

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 4, 2010 1:48 AM

Report

Ben, thanks for all the time spent trying to make this work. It's
rather bizarre that the exact same code in my Dreamweaver CS3 gives me
such a weird screen shot in Dreamweaver and messes up the tables as
well as foes not work properly when published and viewed in Firefox
or Safari. It would seem that there is a missing file or CSS or
something that is not updateed or changed that is still effecting it's
performance? We are so close and would hate to throw up our hands
right before the finish line.

Thanks again for your time.

Sincerely,
Jim West
Counselor, Coach, Mentor
(407) 248-0030
Website: www.totallifecounseling.com
Blogs: www.totallifecounseling.blogspot.com
DVD's & Resources: www.totallifecounseling.com/shop
Sent from my iPhone

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 4, 2010 3:01 AM

Report

Could it be that I need your SpryMenuBarHorizontal.css file as well? That
might do the trick.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-793119717-592250-2-2566402@mail.forums.adobe.com>
Date: Wed, 03 Feb 2010 22:52:47 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

Hi Jim,

For most of the day I have been trying to assist you with YOUR problem
including downloading your site to my local server, modifying the code that
created a problem with the Spry menu, creating a new stylesheet and uploading
your site to an online server so that you could see the code as it should have
been written.

I also advised you to remove the tables in lieu of DIV's. It is this part that
will fix the positioning of the images for Safari.

Unless you hire me, I am NOT going to rewrite the code of the whole page to
fix your problem. As said, it is YOUR problem and has nothing to do with the
parameters set for this forum which is help each other with Spry related
issues.

Ben
>

|
Mark as:
Currently Being Moderated

jimlwest,

Community Member

Feb 8, 2010 7:12 PM

Report

Got it to work by creating a new page in dreamweaver and pasting your code.
Thanks for your help. You can see it at the web link below. Thanks again
for going the extra mile.

Jim West, MA, LMHC, NCC
Mentor, Coach, Counselor, Communicator
Total Life Counseling Center
407 248 0030
Web Site: www.TotalLifeCounseling.com
Products: www.TotalLifeCounseling.com/Shop DVD¹s, Workbooks, iPod Downloads
& Power Point
News Segments & Videos: www.YouTube.com/TotalLifeMedia
Articles & Blogs: www.TotalLifeCounseling.blogspot.com
Twitter: www.Twitter.com/TotalLife

NOTICE OF CONFIDENTIALITY: This e-mail message is intended only for the
person or entity it is addressed to and contains confidential and/or
privileged material. If the reader of this message is not the intended
recipient or the agent or employee responsible to deliver it to the intended
recipient, you are notified that any use, copying or disclosure of this
communication is strictly prohibited. If you receive this communication in
error, kindly notify the sender and then delete it from your system. Thank
you.

From: Ben Pleysier <forums@adobe.com>
Reply-To: <clearspace-793119717-592250-2-2566274@mail.forums.adobe.com>
Date: Wed, 03 Feb 2010 20:36:41 -0700
To: Jim West <jimlwest@earthlink.net>
Subject: Re: Spry Rollover Menus Do not Retract or Hover Spry Rollover Menus Do not
Retract or Hover

As promised, I have got a working copy of your file
http://pleysier.com.au/totallifecounseling/indexnew.html.

What I have done:
1. Reorganized the HTML page. You can see the code by right clicking the mouse
button on the page and clicking on source code in the menu that pops up. Copy
and paste the code to your editor.
2. Created a new stylesheet called myStyles.css in the styles subfolder. You
can download the CSS
http://pleysier.com.au/totallifecounseling/styles/myStyles.css

What I suggest you do is get rid of your tabels and replace them with DIV's.
These are more search engine friendly, work faster and are easier to maintain.

This should get you off my back for a while !
Ben
>

|
Mark as:

Legend

Correct Answers - 10 points
Helpful Answers - 5 points

Spry Framework for Ajax

Spry Rollover Menus Do not Retract or Hover

Jan 31, 2010 5:59 PM

More Like This

Bookmarked By (0)

Legend