Accordion Jumping! HELP!

I'm having a lot of trouble with my accordion. It is a long list of panels, so you have to scroll to see the bottom. The problem is, any time you click a tab, it throws you back up to the top of the page. I want it to stay on the tab the person clicks. Can someone help me with this? Here is the code I have on my entire page.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-image: url(Backgrounds/Meet_the_faculty_Bkgd.gif);
background-repeat: no-repeat;
background-color: #000;
-->
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="1203" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="222" valign="top"><ul id="MenuBar1" class="MenuBarVertical">
<li><a href="FGBI-Web-Home-Page.html">Home</a></li>
<li><a href="Vision.html">Our Vision</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">What's New?</a>
        <ul>
          <li><a href="FGBI_News_Flash.html">Weekly News Flash</a></li>
          <li><a href="Where_Will_We_Be.html">Where Will We Be?</a></li>
          <li><a href="Upcoming_Events.html">Upcoming Events</a></li>
          <li><a href="FGBI_Calendar.html">Academic Calendar</a></li>
          </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="Who_We_Are.html">Who We Are</a></li>
          <li><a href="What_We_believe.html">What We Believe</a></li>
          <li><a href="FGC_Export.html">FGC Export</a></li>
          <li><a href="FGC_Missions.html">FGC Missions</a></li>
          <li><a href="Contact.html">Contact Us</a></li>
          </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Prospective Student</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">Academics</a>
            <ul>
              <li><a href="Grading_Scale.html">Grading Scale</a></li>
              <li><a href="Class_Descriptions.html">Class Descriptions</a></li>
            </ul>
          </li>
          <li><a href="Finances.html">Finances</a></li>
          <li><a href="Campus.html">Campus</a></li>
          <li><a href="Student_Life.html">Student Life</a></li>
<li><a href="Catalog_Request.html">Request Catalog</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Our Ministries</a>
        <ul>
          <li><a href="Weekend_Ministries.html">Weekend Ministries</a></li>
          <li><a href="Choir.html">Choir</a></li>
          <li><a href="SENT.html">S.E.N.T.</a></li>
          <li><a href="Playcast.html">Playcast</a></li>
          <li><a href="Publishing.html">Publishing</a></li>
          <li><a href="Summer_Evangelism.html">Summer Evangelism</a></li>
        </ul>
      </li>
      <li><a href="Alumni.html">Alumni</a></li>
      <li><a href="Store Images/FGBI_Store.html">Store</a></li>
      <li><a href="Media_Center.html">Media Center</a></li>
    </ul></td>
    <td width="943" align="left"><div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Thomas_Peretic_Header.gif" alt="Thomas Peretic" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Thomas_Peretic_Content.gif" alt="Thomas Peretic" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Donna_Peretic_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Donna_Peretic_Content.gif" alt="Donna Peretic" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Chester_Heath_Header.gif" alt="Chester Heath" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Chester_Heath_Content.gif" alt="Chester heath" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Jayme_Carter_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Jayme_Carter_Content.gif" alt="Jayme Carter" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Kissie_Carter_Header.gif" alt="Kissie Carter" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Kissie_carter_Content.gif" alt="Kissie Carter" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Paul_McGechie_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Paul_McGechie_Content.gif" alt="paul McGechie" width="750" height="360" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Becky_Nichols_Header.gif" alt="Becky Nichols" width="750" height="50" /></div>
          <div class="AccordionPanelContent"><img src="Meet the faculty buttons/Becky_Nichols_Content.gif" alt="Becky Nichols" width="750" height="360" border="0" /></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Mercy_Schultz_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 8 kdjafdsklfj adkfjadskljf </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/James_Burgess_Header.gif" alt="James Burgess" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 9 sdlfkaksd klfjrkljrkj rkjtkrljt </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Aaron_Hough_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 10d;fak okr;okaorktroorkmrgkmklmfgklfndgkj fkjg </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Sarah_Burgess_Header.gif" alt="Sarah Burgess" width="750" height="50" /><img src="Meet the faculty buttons/images/Victoria_Hough_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 11 fajdkfg jaerkljgklrjg kl</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Hannah_Randall_header.gif" alt="Hannah Randall" width="750" height="50" /><img src="Meet the faculty buttons/images/Virginia_McGechie_Header_Black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 12ds fadkfajdsfkljdfkjdkfl</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Brock_Moore_Header.gif" alt="Brock Moore" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 13/dadsfkalskf;lk dslfkdlkslkfkldklfk</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Wanda_Broadwater_Header_black.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">Content 14 fd kljdfgkljfdgkl jfgj fgj </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Adjunct_Professors_Header.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">
            <table width="768" border="6" cellspacing="0" cellpadding="0">
              <tr>
                <td width="221" align="center" valign="top"><img src="Adjunct Faculty/Estis_AF.JPG" width="165" height="109" /></td>
                <td width="93" align="center" valign="top"><img src="Adjunct Faculty/Pahlman_AF.JPG" width="165" height="108" /></td>
                <td width="220" align="center" valign="top"><img src="Adjunct Faculty/Messer_AF.JPG" width="164" height="108" /></td>
                <td width="214" align="center" valign="top"><img src="Adjunct Faculty/Hayes_AF.JPG" width="163" height="118" /></td>
              </tr>
              <tr>
                <td align="center" valign="top">Rev. Zane Estis, B.S.</td>
                <td align="center" valign="top">Dr. Charles Pahlman, D.Min.</td>
                <td align="center" valign="top">Rev. Dollas Messer</td>
                <td align="center" valign="top">Mr. Roger Hayes, M.M. Ed., B. Mus.</td>
              </tr>
              <tr>
                <td align="center" valign="top">Apologetics</td>
                <td align="center" valign="top">Founder of SENT missions</td>
                <td align="center" valign="top">Pauline Epistles</td>
                <td align="center" valign="top"><p>Music Fundamentals</p></td>
              </tr>
            </table>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><img src="Meet the faculty buttons/images/Board_directors_header.gif" width="750" height="50" /></div>
          <div class="AccordionPanelContent">C
            <table width="749" border="6" cellspacing="0" cellpadding="0">
              <tr>
                <td width="267" align="center" valign="middle"> <img src="Board Members/Peretic_Board.JPG" width="149" height="223" align="middle" /></td>
                <td width="225" align="center"><p> <img src="Board Members/Heath_Board.JPG" width="149" height="221" align="absmiddle" /></p></td>
                <td width="239"><img src="Board Members/Hill_Board.jpg" width="157" height="227" /></td>
              </tr>
              <tr>
                <td valign="top">Rev. Thomas Peretic, Chairman of the Board of Directors</td>
                <td valign="top">Rev. Chester Heath, General Superintendant of Free Gospel Church, Inc. Secretary of the Board of Directors</td>
                <td valign="top"><p>Dr. William F. Hill</p></td>
              </tr>
              <tr>
                <td valign="top">Pastor of Free Gospel Church in Export, PA</td>
                <td valign="top">Pastor of Free Gospel Church in N. Braddock, PA</td>
                <td valign="top">Pastor of Calvary Evangelistic Center in Independance, IA</td>
              </tr>
              <tr>
                <td><img src="Board Members/Lloyd_Board.jpg" width="149" height="207" /></td>
                <td><img src="Board Members/Galiher_Board.jpg" width="143" height="212" /></td>
                <td><img src="Board Members/Shuecraft_Board.JPG" width="134" height="200" /></td>
              </tr>
              <tr>
                <td>Rev. J. Kevin Lloyd</td>
                <td>Rev. C. Dwain Galiher</td>
                <td>Rev. Lloyd Shuecraft</td>
              </tr>
              <tr>
                <td>Pastor of First Pentecostal Church of Murlin Heights, in Dayton, OH</td>
                <td>Pastor of Junction Hill Pentecostal Church, in Junction Hill, MO</td>
                <td>Pastor of Fairland Holiness Church in Fouke, AR</td>
              </tr>
              <tr>
                <td><img src="Board Members/Massey_Board.JPG" width="137" height="205" /></td>
                <td><img src="Board Members/Chappell_Jr_Board.jpg" width="130" height="197" /></td>
                <td><img src="Board Members/chappell_Sr_Board.jpg" width="144" height="185" /></td>
              </tr>
              <tr>
                <td>Rev. J. Clayton Massey</td>
                <td>Rev. Tim Chappell</td>
                <td>Rev. John Chappell</td>
              </tr>
              <tr>
                <td>Pastor of Free Gospel Church of McKees Rocks, PA</td>
                <td>Free Gospel Church, Liginior, PA</td>
                <td>Pastor of Free Gospel Church, Liginior, PA</td>
              </tr>
            </table>
          </div>
        </div>
        </div>
    </div></td>
    <td width="38"> </td>
  </tr>
</table>
<p> </p>
<p> </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>

Hi,
Even if it is possible to have the Accordion stay where it is (and I have no doubt that it can be done), there are better ways of designing your layout without having to scroll down.
Reduce the height of the tab image. I tried at 20px high and the whole Accordion was visible
Classify the Accordion topics and spread them over several pages
Create a master/detail area in lieu of an Accordion
Create a Tabbed Panels area with the tabs on the left side in lieu of an Accordion
These are just some suggestions which will hopefully help.
Ben

Similar Messages

  • Accordion jumps in IE

    Hello,
    Does anyone else have the problem in IE7 of the accordion
    itself ever so slightly shrinking in size for a moment when opening
    one of the panels? it's not a specific page but every spry
    accordion I see in IE7 does it. Even the ones on the Adobe labs
    accordion samples page do it. In FF the panels just open and close
    without any movement of the accordion itself and it looks great.
    But IE7, it kind of jiggles. The only time it doesn't shrink and
    grow is if the animation is turned off.
    Could it just be that I have the developer toolbar loaded and
    that causes it? I'm surprised that I can't find other posts about
    this.
    Thanks for any help from the Adobe team or anyone else
    noticing this. The page I was referring to on adobe labs is here:
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
    and again, the only time it doesn't do it on that page is
    where the animation is turned off.

    I've experienced the same problem and the solution is given
    in this topic:
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1304615&highlight_key=y&keyword1=%20%09Accodion%20panel%20bug%3F
    regards,
    morpheto

  • Accordion menu HELP - sorry, very urgent

    Good afternoon, first I would like to say that I'm a completely newbie in this  things, sorry for that. I'm trying to expose my question in the most simple  way: 
    I want to make a Accordion menu, where in the content boxes  appears no only one space to work and put a link and images, but more, how many  as I want. Is correct putting a table inside the content box and make rows? Is  there any other way to build this correctly? I tried the Vertical Menu Spy, but  I don't like it because I want this to work like the accordion... don't know if  I make myselfe clear, sorry the bad english. Hope some one can help! Thanks
    PS: there goes an image to explain better

    DW Sprys and Accordions are difficult for experts to use.  If you don't have a good knowledge of HTML, CSS and JavaScripts yet, you may be better off using a commercial product.
    Project Seven Accordion Panel Magic 2
    http://www.projectseven.com/products/tools/accordion2/index.htm
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Spry Accordion jumping to the top of the page

    Hi
    I've just about go the accordion looking perfect (it's a
    great effect!), except that in IE7 when a panel lower down the list
    is selected, the page jumps so that the highest panel is at the top
    of the screen. As my accordion is longer than the screen this means
    that the panel that is selected is off the bottom of the screen.
    Does anyone have any suggestions for fixing this? It works
    perfectly in Firefox.
    Many thanks in advance!

    I saw you are using an old version of Spry accordion.. you
    use Spry.1.4 and the latest version is Spry 1.6 which contains some
    bugs fixed for accordion widget.
    Update link:
    http://labs.adobe.com/technologies/spry/home.html
    Please update to the latest version and make the keyboard
    navigation change and see if still happens the pb.
    Diana

  • Accordion jumps one pixel in Safari 3

    When the accordion opens and closes in Safari 3 on the Mac
    the height changes by one pixel, causing the accordion bottom to
    jump and and down by a pixel.
    I know this is not a big deal, but it sure is annoying. Seems
    to be caused by the last timing loop used to slow down the opening
    and closing.

    I decided to try removing Pithhelmet, which, I suppose, should have been the first thing I tried. I had tried disabling it from within Safari, and that didn't do anything, so I thought that that wasn't the problem. So, in desperation, I completely removed the Pithhelmet SIMBL plugin. The problem has gone away. I still get the weird MIME error, but it doesn't seem to affect the image zoom.

  • Mouse pointer jumping - help

    Hi,
    my cat stood on my keyboard a couple of days back and every now and then the pointer jumps uncontrollably, I thought it was my keyboard so switched it over but it isn't! As I have dexterity problems and so use the keyboard 'mouse' (Universal Access settings). When I have a Growl notification the pointer leaps to it despite me not touching any of the mouse keys, it reminds me of MGM's cartoon "Tom and Jerry" where Jerry is being chased by Tom!
    What key combo could do this and how can I reset things?
    Helen - in desperation
    Message was edited by: Helen A

    In the end I resorted to looking at the VoiceOver settings [SysPrefs-->Universal Access-->VoiceOver-->Navigation] and set the Mouse cursor to ignore VoiceOver's cursor. See below.

  • Itunes store downloads appear scratched or jump help?

    every song i download from the store jumps like its scratched and its wasting my money!!!! im not happy cus it sounds bad... anyone else have this or had it and any ideas how to get better downloads?

    I think what happened to you is the same problem that I am having. When you launch your DL..does it sometimes go clean and then freeze/skip like nuts?

  • Tape versus hard drive HD camera

    I know this subject has been beaten to death, but I just wanted to make sure of my decision.  I've heard that tape is better because various editions of FCS may or may not have problems dealing with video recorded on a hard drive video camera.  I've also heard that the quality is better with tape.  And that you also might lose your footage if the hard drive goes kaput before you download the footage.  I've decided to repair my 2 year old camera (over $560) because I love it to death.  By the dealership is giving me flack about it because I can buy a hard drive camera for a lot cheaper.  Am I right in keeping my tape based camera?

    I've recently sold my tape based camera and have moved to cameras that use P2 cards. I love it! I can either log each clip with in and out points, or just dump everything onto the hard drive. The workflow is much faster for me.
    It feels good to not be "consuming" plastic and everything else that comes with tape. In fact--there is a "green your film production" movement within our micro-industry of wildlife filmmaking. One of the suggestions is to get rid of tape based systems.
    Which reminds me--anyone want a Sony DSR DV tape deck?
    But honestly I jumped from a DV camera (Canon XL2) to a Panasonic HD camera...so the quality jump helped lessen the sting of nostalgia . Kind of like going from film SLR to digital SLR. I kinda miss the dark room.
    I certainly understand, though--if you were like me it wasn't just the camera--it was all the lenses that went with that tape based camera, the (once) expensive tape deck that connected to the computer, etc. etc.
    I'll tell you though--ten years ago I was spending almost $50 per tape for HD CAM. It feels good to not incur that expense any more. You certainly second guess pushing the trigger when tape is not cheap--and then there's film... We won't go there...
    Really, it just depends on your projects, who your intended audience is and what makes sense for your film budget. We could all drown in debt trying to keep up with this technology. The problem is, it's all so cool! Good luck!

  • Play all and individually

    hi all
    i have a disc that has one track with 21 different small videos. i want the option of playing one in particular from a menu with all the options in it, and i want it to jump back to the menu when it finishs. however i also want a play all option, so that if you select play all, you can watch all of these videos in sequential order without jumping back. so far i havent figured out how to get both, just one or the other. i tried a story and it screwed up my ability to use the original tracks chapters for end jumps. help please!
    austin

    Depending on the amount of media, you could do one of two things:
    1.) make one master clip ("play all") with chapters, then making a story for each chapter
    2.) compress the "play all" clip as well as individual clips for each segment
    Either would work, and I would say that if you're working with less than an hour of media you can use the second option. The benefit of the second option is that you can sometimes do a little more with transitions between segments in the "play all" section if you can make separate clips for the segments to play them individually.
    At least that's been my experience.

  • DW CS4 Help with jump menu opening a new window.

    First, I can't believe that Adobe left out an easy to use behavior to do this.
    I have some jump menus, and I would like the selection to open up a new window and have the content appear there.  I saw a couple of old topics here that offered some suggestions, but they didn't work for me.  I could get it to open a new window, but the content was not there.  I saw where you need to add a "GO" button, and add a "Open New Window"behavior to it.  That is what opened the new window with new content.  I do not have the "GO" buttons on the jump menus in this code, but did try it and it didn't work.   If anyone can help and tell me how to do it, and where to place the code, I would greatly appreciate it.
    I know this is long, but here is my code for the page.
    <!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"><!-- InstanceBegin template="/Templates/Master_Template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Mickey Adams Index</title>
    <!-- InstanceEndEditable -->
    <link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
    <!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixLtHdr #sidebar1 { width: 230px; }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <!-- InstanceBeginEditable name="head" -->
    <script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <!-- InstanceEndEditable -->
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/global.css" rel="stylesheet" type="text/css" />
    <!-- InstanceParam name="SecondTitle" type="boolean" value="true" -->
    <!-- InstanceParam name="SecondContent" type="boolean" value="true" -->
    <!-- InstanceParam name="OptionalRegionTitle_2" type="boolean" value="true" -->
    <!-- InstanceParam name="OptionalRegion_2" type="boolean" value="true" -->
    <!-- InstanceParam name="OptionalRegion1" type="boolean" value="true" -->
    </head>
    <body text="#000033" class="twoColFixLtHdr" title="What's New">
    <div id="container">
      <div id="header">
        <h1>Richard Sinkler</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="../index.html">Home</a>      </li>
          <li><a href="../About_Me.html">About me</a></li>
          <li><a href="../Calendars/Calendar_menu.html">Calendars</a></li>
          <li><a href="../What's New.html">What's New</a></li>
          <li><a href="../Equipment.html">Equipment</a></li>
          <li><a href="../Tunings.html">Tunings</a></li>
          <li><a href="../Video_and_Sound/video_menu.html">Sound &amp; Video</a></li>
          <li><a href="../web_gallery.html">Photos</a></li>
          <li><a href="Mickey_Adams_Menus.html">Mickey Adams</a></li>
          <li><a href="../Website_Info.html">Website Info</a></li>
          <li><a href="../Contact Me.html">Contact Me</a></li>
        </ul>
        <p class="justHostReferral">If you would like to get your own website, please click the <span class="justHostItalics">JUST HOST</span> logo below and it will take you the sign up page. I am a <span class="justHostItalics">JUST HOST</span> affiliate and get credit for referring you to their service.</p>
        <p><a href="http://stats.justhost.com/track?ca5fb2154d5aabc236853ccef2513f2ec"><img src="http://affiliates.justhost.com/control/img/banners/justhost_125x125v2.gif" /></a> </p>
    <h3 class="updated">Updated 7/18/2011
          <!-- end #sidebar1 -->
        </h3>
    <p> </p>
      </div>
      <div id="mainContent">
        <h1><!-- InstanceBeginEditable name="PageTitle" -->Mickey Adams Video Index<!-- InstanceEndEditable --></h1>
        <!-- InstanceBeginEditable name="PageContent" -->
        <p class="pageContent">Click a tab to open the category. <a href="Mickey_Adams_Menus.html" class="playbackCtrlMSg">Click to go back to Menu Page</a></p>
        <div id="m_a_video_index" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">BE</li>
            <li class="TabbedPanelsTab" tabindex="0">BEX</li>
            <li class="TabbedPanelsTab" tabindex="0">BEC</li>
            <li class="TabbedPanelsTab" tabindex="0">Beginner</li>
            <li class="TabbedPanelsTab" tabindex="0">Faux C6</li>
            <li class="TabbedPanelsTab" tabindex="0">Uncategorized</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">
              <p><strong><u>BE01</u></strong><u>:Beginners: 3 Moves to  Master</u> <br />
                <strong><u>BE04</u></strong><u>: Simple E9 Passage,  Single Note</u> <br />
                <strong><u>BE06</u></strong><u>: 4-5-1 In G, Using ABC  Pedals</u> <br />
                <strong><u>BE07</u></strong><u>: 1-2-5 Single Note+ 3 <strong>Stops</strong></u><br />
                <u>BE  109a Close Intervals in C</u><br />
                <strong><u>BE11</u></strong><u>: Beginner Steel Guitar,  Cold Cold Heart</u> <br />
                <strong><u>BE12</u></strong><u>: Cold Cold Heart Part II</u> <br />
                <strong><u>BE16</u></strong><u>: Waltz Across Texas</u> <br />
                <strong><u>BE24A</u></strong><u> Big City Turnaround</u> <br />
                <strong><u>BE28</u></strong><u>: Your Man, Josh Turner</u> <br />
                <strong><u>BE31</u></strong><u>: Minor Chords-Moondance</u> <br />
                <strong><u>BE34</u></strong><u>: 3 Moves to Master, Part  II</u> <br />
                <strong><u>BE36</u></strong><u> Harmonics, Overtones</u> <br />
                <strong><u>BE40</u></strong><u> 2M-5-1 Faux C6 Moves for  Cherokee Maiden</u></p>
              <p><strong><u>BE41</u></strong><u> Second String Usage</u></p>
            </div>
            <div class="TabbedPanelsContent">
              <p><strong><u>BEX1</u></strong><u>: A+B Repetitious  Excercise, Major Key</u> <br />
                <strong><u>BEX2</u></strong><u> Pick Blocking Dexterity  Excercise II</u> <br />
                <strong><u>BEX6A</u></strong><u>-Pick Blocking Exercise  B+C, F</u> <br />
                <strong><u>BEX7</u></strong><u> Speedpicking Lesson 1  Revision 1</u> <br />
                <strong><u>BEX12</u></strong><u>: G Major, Lesson 2-Pedal  Changes, Chord Forms</u> <br />
                <strong><u>BEX14</u></strong><u>: D7, G Lever  Programming, Speed</u> <br />
                <strong><u>BEX16</u></strong><u>: G Major-Lesson 1</u> <br />
                <strong><u>BEX16a</u></strong><u> G major Descending  Exercise</u> <br />
                <strong><u>BEX17</u></strong><u>: Pick-Blocking 101,  Beginner Steel Guitar</u> <br />
                <strong><u>BEX21</u></strong><u> Faux C6, 1-4-5-1</u> <br />
                <strong><u>BEX21</u></strong><u>-2-5-1 Chord Change</u> <br />
                <strong><u>BEX21</u></strong><u> Alternating Fingering  Excercise</u> <br />
                <strong><u>BEX21</u></strong><u> Glissando Excercise 1</u> <br />
                <strong><u>BEX25</u></strong><u> Faux C6 1-5-1 in D</u> <br />
                <strong><u>BEX27</u></strong><u> C Pentatonic Scale Ex1</u> <br />
                <strong><u>BEX27a</u></strong><u> C Pentatonic Ex2</u> <br />
                <strong><u>BEX27b </u></strong><u>A Blues Pattern</u> <br />
                <strong><u>BEX28</u></strong><u> Pedal &amp; Lever  Excercises for Beginners</u> <br />
                <strong><u>BEX 92</u></strong><u> D7 Exercise</u> <br />
                <strong><u>BEX 93</u></strong><u> 2 String Exercise, Lever  I, Pedal H</u></p>
            </div>
            <div class="TabbedPanelsContent">BEC
              <div id="Accordion1" class="Accordion" tabindex="0">
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">BEC pg. 1</div>
                  <div class="AccordionPanelContent">
                    <p><u>BEC4:  Blue Eyes Elton John</u> <br />
                      <u>BEC6  Broken Wing</u> <br />
                      <u>BEC15:  Goin Through the Big &quot;D&quot;</u> <br />
                      <u>BEC25:  I Sang Dixie, Take II</u> <br />
                      <u>BEC31:  Beginner Steel-Longer, Fogelberg</u> <br />
                      <u>BEC32:  Longer, Flute Solo, Fogelberg</u> <br />
                      <u>BEC35:  Nobody In His Right Mind</u> <br />
                      <u>BEC41:  Too Cold At Home Intro, Mark Chestnutt</u> <br />
                      <u>BEC45:  Teach Your Children: Intro</u> <br />
                      <u>BEC48:  Take Your Memory With You</u> <br />
                      <u>BEC52  Thinking Thing Intro</u> <br />
                      <u>BEC54:  What A Wonderful World</u> <br />
                      <u>BEC66:  Solo, Look At Us</u> <br />
                      <u>BEC69:  Somewhere Over The Rainbow, Bridge</u> <br />
                      <u>BEC73:  Empty Glass Intro</u> <br />
                      <u>BEC77:  Set-em Up Joe Vern Gosdin</u> <br />
                      <u>BEC78-  So Much It Hurts Me Part 1</u> <br />
                      <u>BEC78a  So Much It Hurts Me Part 2</u> <br />
                      <u>BEC81,  Who Needs You Baby, Clay Walker</u> <br />
                      <u>BEC82  City Lights</u></p>
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">BEC pg. 2</div>
                  <div class="AccordionPanelContent">
                    <p><u>BEC83  Save The Honky Tonks, Mark Chestnutt</u> <br />
                      <u>BEC84  Faux C6, Deep Water Intro, Beginners</u> <br />
                      <u>BEC85  There's your Trouble Intro</u> <br />
                      <u>BEC86  Panama Red Intro, Remake</u> <br />
                      <u>BEC88  Diamond Rio One More Day Intro</u> <br />
                      <u>BEC89  Turnaround In C</u> <br />
                      <u>BEC89  Oh Little Town of Bethlehem</u> <br />
                      <u>BEC90  I Had A Beautiful Time, Solo</u> <br />
                      <u>BEC91  White Christmas</u> <br />
                      <u>BEC91a  White Christmas</u> <br />
                      <u>BEC91c  White Xmas, Improvising</u> <br />
                      <u>BEC92  Farewell Party Intro Simplified</u> <br />
                      BEC  92a Farewell Party Solo, Mike Johnson<br />
      <u>BEC93-This  Ain’t My First Rodeo-Intro</u> <br />
      <u>BEC-94  Third Rate Romance Solo</u> <br />
      <u>BEC-95  Crazy Arms Intro, Patty Loveless</u> <br />
      <u>BEC-96  Bar Room Roses Intro Troy Cassar Daley</u> <br />
      <u>BEC-97  Close Up the Honky Tonks-Intro</u> <br />
      <u>BEC98-Turnaround  5-1, BC,+E-lever</u> <br />
      <u>BEC-99  Single Note Run in D</u></p>
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">BEC pg. 3</div>
                  <div class="AccordionPanelContent">
                    <p><u>BEC  100 Different Light Doug Stone Intro E9</u> <br />
                      <u>BEC  100 When Love Comes Around Intro Alan</u> <br />
                      <u>BEC  100 Take It Easy</u> <br />
                      <u>BEC101  Fourteen Minutes Old Intro Doug Stone</u> <br />
                      <u>BEC101  Bars Of Steel Bridge</u> <br />
                      BEC  101 Beneath Still Waters<br />
      <u>BEC  102 Could I Have This Dance Intro</u> <br />
      <u>BEC  103 Bars of Steel, Bridge</u> <br />
      <u>BEC  106 Legend In My Time</u> <br />
      <u>BEC107  When Did You Stop Loving Me Intro</u> <br />
      <u>BEC  109 Getting Over You Again Intro Gene Watson</u> <br />
      <u>BEC  110 Baby Thats Cold Intro</u> <br />
      <u>BEC  111 Panama Red Solo Part 1</u> <br />
      <u>BEC  111a Panama Red Solo, Part II</u> <br />
      <u>BEC  111 Where Have I Been All My Life Intro</u> <br />
      <u>BEC-112  Help Me Make it Through the Night.mpg</u> <br />
      <u>BEC-118  Faux C6-1-6-2-5.mpg</u> <br />
      <u>BEC-113  Way To Survive, Lesson 1.mpg</u> <br />
      <u>BEC113a  Way to Survive Lesson 2.mpg</u></p>
                  </div>
                </div>
    </div>
            </div>
            <div class="TabbedPanelsContent">
              <p><u>Beginner  Steel Guitar, Cmajor in 3rds</u> <br />
                <u>Beginner  Pedal Steel, Cross Picking, B Pedal</u> <br />
                <u>Beginner  Steel Guitar: San Antonio Rose</u> <br />
                <u>Beginner  Steel Guitar: Wonderful Tonight</u> <br />
                <u>Beginner  Steel Guitar: Oceanfront Property</u> <br />
                <u>Beginner  Steel-When you Say Nothing At All</u> <br />
                <u>Memphis  Tennessee, Beginner Steel Guitar</u> <br />
                <u>Beginner  Steel Guitar, Major Scale Excercise</u> <br />
                <u>Beginner  Steel, Amazing Grace</u></p>
            </div>
            <div class="TabbedPanelsContent">
              <p><u>Walking  After Midnight Faux C6</u> <br />
                <u>All  My Ex's Intro Faux C6 for the E9 Neck</u> <br />
                <u>Faux  C6 Turnaround in A</u> <br />
                <u>5  1 Faux C6, Single note Passage</u></p>
            </div>
            <div class="TabbedPanelsContent">
              <div id="Accordion2" class="Accordion" tabindex="0">
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">Uncategorized pg. 1</div>
                  <div class="AccordionPanelContent">
                    <p><u>Simple  Intro in C</u> <br />
                      <u>Panama  Red Intro E9 Pedal Steel Guitar</u> <br />
                      <u>Danny  Boy, E9</u> <br />
                      <u>Highway  40 Blues Intro, E9</u> <br />
                      <u>Diatonic  Scale Movement In G</u> <br />
                      <u>1-7-4  1-2-4-5-1 Pedal Steel Guitar Intro</u> <br />
                      <u>1-4  Counterpoint Move in F, Very Effective</u> <br />
                      <u>Gene  Watson Intro-Got No Reason Now for Going</u> <br />
                      <u>BIG  CITY! Merle Haggard, Simple, Straightforward</u> <br />
                      <u>Someday  Soon!..Simple, Great Solo!</u> <br />
                      <u>Texas  Tornado, Tracy Lawrence, Intro and Solo</u> <br />
                      <u>Pick  Dragging: Technique, Short Clip</u> <br />
                      <u>Key-A  Turnaround, Blues/Diminished Walk</u> <br />
                      <u>Hello  Trouble-JayDee Maness/ Desert Rose-</u> <br />
                      <u>Memories  To Burn, Solo, Gene Watson</u> <br />
                      <u>When  I Call Your Name</u> <br />
                      <u>Cross  My Heart Solo, George Strait</u> <br />
                      <u>But  For the Grace of God, Keith Urban</u> <br />
                      <u>I  Never Go Around Mirrors, Gene</u> <br />
                      <u>Cryin  My Heart Out, Ricky Skaggs</u> <br />
                      <u>Lonesome  LA Cowboy Solo, Buddy Cage</u></p>
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">Uncategorized pg. 2</div>
                  <div class="AccordionPanelContent">
                    <p><u>Teach  Your Children:Quick Solo</u> <br />
                      <u>1982  Intro:Randy Travis</u> <br />
                      <u>Check  Yes or No</u> <br />
                      <u>Fire  On The Mountain, Marshall Tucker</u> <br />
                      <u>Buds  Bounce, Simplified, Part 1</u> <br />
                      <u>Tonight  The Heartache's On Me, Solo, Dixie Chicks</u> <br />
                      <u>Heartbroke,  Steel Chords</u> <br />
                      <u>Funny  How Time Slips Away</u> <br />
                      <u>Bars  of Steel</u> <br />
                      <u>Blue,  Leann Rimes</u> <br />
                      <u>Supernaw-Wishing  Her well, Intro</u> <br />
                      <u>Look  At Us, Johny Hughey, Intro</u> <br />
                      <u>Over  The Rainbow Verse</u> <br />
                      <u>Discussion,  Right Hand</u> <br />
                      <u>Verse,  Help Me Make It Through The Night</u> <br />
                      <u>Rolling  Pick Technique 2-5-1</u> <br />
                      <u>3  Octave Descending D7 Single Note Run</u> <br />
                      <u>Descending  5-1 Turnaround in A</u> <br />
                      <u>Pick  Blocking Dexterity Excercise 1</u> <br />
                      <u>Alone  In SanAntone</u></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <script type="text/javascript">
    <!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("m_a_video_index", {defaultTab:2});
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    var Accordion2 = new Spry.Widget.Accordion("Accordion2");
    //-->
        </script>
        <!-- InstanceEndEditable -->
        <h2>
          <!-- end #mainContent -->
        </h2>
      </div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="clear"></div>
    <div id="footer">
        <p><a href="../index.html" class="footer_links">Home</a> <a href="../About_Me.html" class="footer_links">About Me</a><a href="../Calendars/Calendar_menu.html" class="footer_links">Calendars</a>  <a href="../Equipment.html" class="footer_links">Equipment</a> <a href="../Tunings.html" class="footer_links"> Tunings</a> <a href="../Video_and_Sound/video_index.html" class="footer_links">Sound & Video</a><a href="../web_gallery.html" class="footer_links">Photos</a><a href="Mickey_Adams.html" class="footer_links">Mickey Adams </a><a href="../Website_Info.html" class="footer_links">Website Info</a><a href="../Contact Me.html" class="footer_links">Contact Me</a></p>
        <p class="copyright"><span class="copyright"><span class="circleC"><span class="copyright"><span class="circleC">&copy;</span></span></span><span class="copyright"> Copyright 2011 - Richard Sinkler - All Rights Reserved</span></span></p>
        <p class="copyright"><span class="copyright"><span class="copyright">Website designed by Richard Sinkler</span></span></p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>

    I'm confused by your post and code.  Adobe has a function to do this.  In the Insert Toolbar under the Tab "Forms" there is an option to create a jump menu.  The only options that menu gives you is the same window or a frame on the page (a very outdated action looking at it now).  But with basic knowledge of links you insert the menu and you will get code like:
      <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
    The "parent" denotes that this will open in the same window.  If you change that to "blank" then it will open in a new window.  A "Go" button is optional and also available in the DW GUI when you set up a jump menu.
    http://www.w3schools.com/tags/att_a_target.asp

  • How do I make my accordion spry not "jump" or "hiccup" in IE??

    Ok, sorry you guys, I'm a newbie.
    It seems that no matter what I do, I can't get the accordion to co-operate with Internet Explorer. It has always jumped when tabs are clicked and then settles down. It's rather irritating and I would like to fix it. I've run out of things to try. Can anyone help?
    In addition, with attempts to make keep the accordion and background centered I used a div with the position centered, which worked, but only in FF and Chrome. In IE it stays far left. When I had it in a table, I could set a left: px in the class, but never figured out how to center it with a table so it would change position based on the monitor resolution. If there's a better way to do this that IE and other browsers like, please help me. If it's just IE that has the problem is there any way to make it like my code?
    If you can help me change the height of the accordion, that would be great. It seems it doesn't want to stretch out, but maybe I'm writing it in the wrong section or the wrong way.
    Another minor issue is the IE not doing the transparency I set on the tabs. I heard that they took that feature out. Is that true or is there a way to set it for IE?
    Here's what I have so far:
    +<!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Bonnie Praymayer</title>
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    p.MsoNormal {
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:10.0pt;
    margin-left:0cm;
    line-height:115%;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    -->
    </style>
    </head>
    <body>
    <table id="big">
        <tr>
         <td><table width="200" border="1" id="table" name="table">
           <tr>
             <td><div id="Accordion1" class="Accordion" tabindex="0">
               <div class="AccordionPanel">
                 <div class="AccordionPanelTab">
                 <span class="tabContent">Benefiting People Like You
                 </span>
                 </div>
                 <div class="AccordionPanelContent">
                       <div class="panelContent">
                     <p >I specialize in deep tissue massage. As you may know  already, massage therapy is the manipulation of soft tissue with the goal to  improve well-being and heal injuries. It can involve just about any part of the  body, but generally most people have stiffness and injuries in the back and  neck. I enjoy using this type of health maintenance to assist people like you.  Massage therapy can be used to improve many ailments such as:</p>
                     <p >Muscle Strains, Sprains, Headaches, Migraines, Fibromyalgia,  Edema, and High Blood Pressure</p>
                     <p >Beyond &quot;ailments&quot; massage is excellent for  treating sore muscles in pregnant women as well as reducing stress in everyone.</p>
                     <p > </p>
                   </div>
                 </div>
               </div>
               <div class="AccordionPanel">
                 <div class="AccordionPanelTab">
                     <span class="tabContent"> Reflexology - An Added Benefit
                     </span>
                 </div>
                 <div class="AccordionPanelContent">
                   <div class="panelContent"><p >In addition to massage therapy, I am certified to practice  Reflexology of the feet. This is a therapy wherein pressure is applied to the  feet to encourage the body to heal itself. It's as if the feet are a map to the  body with the spine being the edge of what is known as the arch. There are key  points such as the heart and lungs, sinuses, kidneys, and intestinal tract. </p>
                   <p> </p>Reflexology has been known to also be an indicator to hidden  health issues. Many reflexologists can attest to the fact that upon finding  sore areas in the feet, the corresponding organ(s) have later been discovered  by a physician to be injured or diseased. It is not a replacement for  healthcare, but for some, reflexology has proven to be an asset to gain  knowledge of the workings of their body.<p></p>
                   <p >One thing to note: if you do receive a reflexology treatment it is normal to feel a  little dizzy, fatigued, or flu-like if you don't hydrate yourself before and  after.</p>
                </div>
                 </div>
               </div>
               <div class="AccordionPanel">
                 <div class="AccordionPanelTab">
                         <span class="tabContent"> How to Choose a Therapist
                         </span>
                 </div>
                 <div class="AccordionPanelContent">
                   <div class="panelContent"><p >To be honest, everyone has preferences for what he or she  like in a massage, so there is no hard and fast rule. What I recommend is that  you decide what you need treated whether it be muscle strain, stiff muscles,  stress, poor circulation etc. You can decide what kind of massage you need  based on what you decide you want massage to do for you.</p>
                   <p >If you need to de-stress, relax and do not have many sore  stiff muscles then simple relaxation massage would be good for you. If you have  a constant sore shoulder or neck then you really need a therapist that is  capable of effectively loosening those fibres.</p>
                   <p >You may be able to determine if a therapist is right for you  by talking with someone who has had a massage from that person. Otherwise, you  can sometimes judge by the type of facility in which they are practicing.  Typically a spa is going to give you strictly relaxation, although many  therapists are capable of more if you request it. A chiropractor's clinic will  often focus on rehabilitation of injured patients; more often than not they  have massage therapists that are more than capable of working deep enough to  affect injured tissue.></p>
                   <p > Communication is the  key when it comes to during the treatment in order to customize and optimize  your massage experience. Don't be afraid to speak up if you need to adjust the technique or pressure. After all, the massage is all about you!</p></div><p></p>
                 </div>
               </div>
               <div class="AccordionPanel">
                 <div class="AccordionPanelTab"><span class="tabContent">My Practice</span></div>
                 <div class="AccordionPanelContent">
                     <div class="panelContent">
                   <p>My interest in massage therapy began at a very early age. Although I didn't know it was an actual profession, I started massaging at the age of 8 as I did my best to alievinate my mother's chronic pain from fibromyalgia. I, through time gained a natrual feel for detecting prolblem areas in the muscle and I learned what pressure is appropriate. </p>
                   <p>I took my training in 2006 at the Alberta Insitute of Massage for six months to earn a certificate for a 1100 hour program. Though short, it was intensive in the anatomy and physiology portion and very hands-on in the massage classes. It was my privilege to learn from three instructors who had more than 10 years experience as massage therapists and many years teaching it.</p>
                   <p>Since my training, I have had the opporutinty to work as a massage therapist for 3 years. I have treated people from all walks of life for countless ailments and injuries. It is my pleasure to do my utmost to see to it that each paitent recieves the treament they deserve and expect.</p>
                   </div>
                 </div>
               </div>
             </div></td>
           </tr>
         </table></td>
        </tr>
    </table>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    </body>
    </html>
    @charset "utf-8";
    /* CSS Document */
    body {
        background-image:url(../Images/WaterLeaf_Exp.png);
        background-repeat: no-repeat;
        background-position:center;
        background-attachment:scroll;
        background-color:#222222;
    .panelContent {
        color: #dcd2d2;
        font-size: 14px;
        font-family: Verdana, Geneva, sans-serif;
        margin-left: 15px;
        margin-top: 20px;
    .tabContent {
        color: #333;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        padding: 15px;
    #big {
        /*background-image*/
        background-repeat:no-repeat;
        border: none;
        top: 0px;
        margin-left: 23.5%;
        position: static;
        height: 800px;
        width: 955px;
    #table {
        width: 700px;
        height: 290px;
        /*margin-top: 1%;
        margin-left: 125px;*/
        border: none;
        position: relative;
        z-index: 2;
    @charset "UTF-8";
    /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    /* This is the selector for the main Accordion container. For our default style,
    * we draw borders on the left, right, and bottom. The top border of the Accordion
    * will be rendered by the first AccordionPanelTab which never moves.
    * If you want to constrain the width of the Accordion widget, set a width on
    * the Accordion container. By default, our accordion expands horizontally to fill
    * up available space.
    * The name of the class ("Accordion") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style the
    * Accordion container.
    .Accordion {
        border-left: solid 1px gray;
        border-right: solid 1px black;
        border-bottom: solid 1px gray;
        overflow: hidden;
    /* This is the selector for the AccordionPanel container which houses the
    * panel tab and a panel content area. It doesn't render visually, but we
    * make sure that it has zero margin and padding.
    * The name of the class ("AccordionPanel") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style an
    * accordion panel container.
    .AccordionPanel {
        margin: 0px;
        padding: 0px;
    /* This is the selector for the AccordionPanelTab. This container houses
    * the title for the panel. This is also the container that the user clicks
    * on to open a specific panel.
    * The name of the class ("AccordionPanelTab") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style an
    * accordion panel tab container.
    * NOTE:
    * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
    * user from selecting the text in the AccordionPanelTab. These are proprietary browser
    * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
    * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
    * validate, and don't care if the user can select the text within an AccordionPanelTab,
    * you can safely remove those properties without affecting the functionality of the widget.
    .AccordionPanelTab {
        background-color: #FFF;
        /*border-top: solid 1px black;*/
        border-bottom: solid 1px gray;
        margin: 0px;
        padding: 2px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        filter:alpha(opacity= 30);
        opacity: 0.3;
        -moz-opacity:0.3;
    /* This is the selector for a Panel's Content area. It's important to note that
    * you should never put any padding on the panel's content area if you plan to
    * use the Accordions panel animations. Placing a non-zero padding on the content
    * area can cause the accordion to abruptly grow in height while the panels animate.
    * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
    * Content container.
    * The name of the class ("AccordionPanelContent") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style an
    * accordion panel content container.
    .AccordionPanelContent {
        overflow: auto;
        margin: 0px;
        padding: 0px;
        height: 200px;
    /* This is an example of how to change the appearance of the panel tab that is
    * currently open. The class "AccordionPanelOpen" is programatically added and removed
    * from panels as the user clicks on the tabs within the Accordion.
    .AccordionPanelOpen .AccordionPanelTab {
        /*background-color: #cccccc;*/
    /* This is an example of how to change the appearance of the panel tab as the
    * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
    * and removed from panel tab containers as the mouse enters and exits the tab container.
    .AccordionPanelTabHover {
        color: #93C;
        filter:alpha(opacity= 50);
        opacity: 0.5;
        -moz-opacity:0.5;
    .AccordionPanelOpen .AccordionPanelTabHover {
        color: #cccccc;
        filter:alpha(opacity= 30);
        opacity: 0.3;
        -moz-opacity:0.3;
    /* This is an example of how to change the appearance of all the panel tabs when the
    * Accordion has focus. The "AccordionFocused" class is programatically added and removed
    * whenever the Accordion gains or loses keyboard focus.
    .AccordionFocused .AccordionPanelTab:hover {
        background-color: #FFF;
        filter:alpha(opacity= 20);
        opacity: 0.2;
        -moz-opacity:0.2;
    .AccorrdionPanelOpen:hover {
        filter:alpha(opacity= 90);
        opacity: 0.9;
        -moz-opacity:0.9;
        color:#F00
    .AccordionPanelOpen .AccordionPanelTab {
        background-color: #390;
        filter:alpha(opacity= 30);
        opacity: 0.3;
        -moz-opacity:0.3;

    You would make this a little easier if you posted a link to the page.
    Most of the jump seems to be some extra padding or margin between the tabs  when you rollover, but I am not able to find it.  Is there any other css that is governing this page? I did remove a couple of <p></p> set of tags you had  and it improved the jump, but it is still there.
    If the page is live, run it through the validator http://validator.w3.org/ , fix whatever errors it finds, if you still have the jump, post a link to the page and the issue might get found.
    Gary

  • Using accordion widget as a menu in header causes footer to jump up page... (containing BC blog)

    Hi all,
    So I'm using an accordion panel widget as a collapsible menu in the header and I have the ol' "{tag_pagecontent} BC blog thing going on (displaying a BC blog in an HTML box on a page),
    except when I publish this to BC, the footer jumps up the page and sits behind the blog content (yes, the footer checkbox is selected, no I don't have sticky footers enabled). When I remove the accordion panel and replace it with a simple "home" button (actually a hyperlinked image), the footer acts as intended.
    So the issue here seems to be with the accordion panel causing a problem, but what's going on and how do I stop it so I can display the accordion menu on my blog template page?
    Anyone have any ideas? Is it simple to fix and am I just overlooking something blatantly obvious because I'm tired?
    Any help on this would be greatly appreciated!
    Thanks.

    Hi, Sorry for the late response, are you still experiencing this issue. If yes, please let me know

  • I'm scared.  Can you help?  I can't jump from here to there.

    Dear Apple MobileMe
    I am very eager to make the move from MobileMe to iCloud, but...
    As you can see from your own email, this is far from simple 
    My wife and I totally depend on my Macbook Pro (1), my old Powerbook that my wife uses (2), our iPhones (3 & 4), our iPad (5), my Time Machine, and my MobileMe (6), including Backups to our iDisk on MobileMe to keep our lives running.
    iCal's synced across 6 Apple platforms
    Address Books synced across 6 Apple platforms
    Email synced across 6 Apple platforms (me using Mail and wife using AOL)
    Bookmarks synced across 6 Apple platforms
    Various apple ID's synced across 6 Apple platforms
    You get the picture
    I would hate to mess this delicately balanced Apple computer ecosystem up at all.
    iOS 10.7 requires that I upgrade a bunch of my key work apps and figure out a way to transfer a 10 year dependence on Quicken onto some other equally robust financial management platform that doesn't seem to exist.  Just to add insult to potential injury.
    I'm scared.
    Wish this whole process could be 500% more automated.
    We've been on Macs  and other Apple devices since 1987.  I can't keep track of all of my "Apple ID's" for this and that that you've asked me to set up for each device and for each service over the years.  Everything's registered with you. 
    Devices
    MobileMe email aliases
    iTunes
    iDisk
    App Store
    AppleCare(s)
    MobileMe
    Apple.com support (here)
    Apple ProCare
    Apple iDisk Public folder
    etc.
    etc.
    You should be able to gather all of my identities together into one place and figure out the best way to migrate me to the new Apple iCloud Garden of Eden.
    You've got to find a way to help us work all this out.  It's more than intimidating.  We're frozen in fear.  We just can't jump from here to there.
    Steve
    ==================================================
    On Dec 1, 2011, at 1:57 PM, MobileMe wrote: 
    iCloud is here Dear MobileMe member, 
    iCloud is here and you can now make the transition from MobileMe. You can move your
    MobileMe mail, contacts, calendars, and bookmarks to iCloud, and keep your me.com and
    mac.com email addresses. iCloud is a breakthrough set of free cloud services, including iTunes in the Cloud, Photo Stream
    and Documents in the Cloud, that works seamlessly with your iPhone, iPad, iPod touch, Mac or
    PC to store your content in iCloud and push it to all your devices. When content changes on one
    device, all your other devices are updated automatically and wirelessly. 
    Making the Move
    Before moving to iCloud, make sure that your iOS devices and computers have the required
    software and your data is properly backed up by following these steps:
    Get iTunes 10.5.
    Download iTunes 10.5 to your Mac or PC.
    Update your devices to iOS 5.
    Update your iPhone, iPad and iPod touch to iOS 5 by connecting each
    device to your Mac or PC and following the instructions in iTunes.
    When you are asked to provide your Apple ID during iOS setup, use
    your MobileMe email address and password.
    Update your computers.Mac: Update to OS X Lion v10.7.2PC:   Update to Windows 7 or Windows Vista Service Pack 2 andinstall the iCloud Control Panel for Windows.
    Back up your MobileMe data.
    For detailed instructions, review this article.
    Verify your contacts and bookmarks.
    Verify that your contacts and bookmarks are completely up to date on
    at least one device you will use with iCloud. They will be uploaded to
    iCloud from your devices after you move. iCloud will not copy any
    contacts or bookmarks directly from me.com.
    When you are ready, go to me.com/move and follow the instructions to move your account to
    iCloud. 
    Important Notes
    If your me.com or mac.com email address is used with more than one Apple ID, you may be
    unable to access some iCloud services. If this occurs, you can remove duplicate email
    addresses from your other Apple IDs by visiting My Apple ID. You can also use different Apple IDs for iCloud and your Store purchases (including iTunes,
    App Store and iBookstore). For more information and detailed instructions, review this article. You can make the move from MobileMe to iCloud anytime between now and June 30, 2012. For
    answers to some of the most common questions about the transition, see the MobileMe
    transition FAQ. Sincerely, 
    Apple 
    iCloud requires iOS 5 on iPhone 3GS or later, iPod touch (3rd and 4th generation), iPad, or iPad 2; a Mac computer
    with OS X Lion; or a PC with Windows Vista or Windows 7 (Outlook 2007 or 2010 or an up-to-date browser is
    required for accessing email, contacts and calendars). Some features require a Wi-Fi connection. Some features
    are not available in all countries. Access to some services is limited to 10 devices. Previous purchases may be
    unavailable if they are no longer in the iTunes Store, App Store, or iBookstore.
    MobileMe is a service provided by Apple • Terms of Service • Privacy Policy
    Copyright © 2011 Apple Inc. • 1 Infinite Loop, Cupertino, CA 95014
    You are receiving this email from Apple to notify you of service information regarding your MobileMe account.

    This is a user-to-user forum: you aren't talking to Apple here.
    I do sympathize with your situation: you are among many for whom upgrading is impracticable, but who are dependent on MobileMe facilities which will be withdrawn next June.
    As you say, you will need 10.7.2 to access iCloud on a Mac, and iOS5 for mobile devices.
    I can't offer you any easy solutions, but this list may at least clarify the exact situation for you:
    Your email, calendars, contacts and bookmarks, and 'Find my iPhone' will be migrated to iCloud.
    Your iDisk, together with website hosting and Gallery. will continue to work as before until next June.
    You will be able to access email, calendar and contacts on the iCloud website at http://icloud.com provided your browser is reasonably up-to-date.
    You will not be able to sync contacts or bookmarks from a pre-Lion Mac.
    You will be able to enter the server settings for email manually in the Mail application and access your email.
    You will not be able to sync your calendars directly.
    Some people have been able to set up calendar syncing by using the method detailed here - this is an unsupported hack and may not be reliable, and may stop working at some future point. BusyCal is an iCal-like calendar application with extra facilities: it can sync with the iCloud Calendar while running on Leopard, Snow Leopard or Lion.
    There appears to be no method of syncing contacts (though Address Book on a Mac can be synced with Google or Yahoo address books - I don't know how reliable this is).

  • I NEED HELP! How do you Create a Drop Down Accordion Navi with the child pages remaining expanded

    I would like to know how I can create a vertical accordion navigation with some custom modifications.
    I need it to function like this sites vertical navigation. (link is below)  Click on the parent page "bedrooms" and it expands revealing all of the "child pages" then click on one of the child pages, it turns the font to Underlined and all the child pages remain exposed!  (it does not collapse after you click on a child page!!!!!!!) I need my site to do this as it tells the visiter where they are exactly on the site!     Please HELP ME!  Thank You! 
    I would actually like mine to be a little more pronounced.  Perhaps having the link turn to BOLD Font indicating you are on that page.  And the main Parent page would have a diffrent background color. 
    Site that has the Navi that I want to Mimic:
    http://www.fowfurniture.com/
    EXAMPLE: Adhesives IS IN BOLD indicating you are on that page. and it remains open it should remain open until you click on another parent page like Hardwood. (Then the Hardwood child pages (Sub Menu) would expand looking like the carpet sub menus/child pages.  All of the accordians i have found seam to collapse after you select a child page (sub menu) and the visitor wouldn't know where he is on the site...  Please Help Me accomplish this!
    Carpet
                          Repairs
                          Fibers
                          Adhesives    
                          Tools
                          Pad
    Hardwood
    When nothing is selected it should look like this: The cell of "Carpet" is a slightly a diffrent color because it is in the "Hover"  state. 
    Carpet
    Hardwood
    Tile
    Vinyl
    Linoleum

    Still need help, I could do it for a value lower. contact me at [email protected]

  • I've just updated my Itunes to the newest update (iso7 I think) and now my itunes won't even open. It just jumps 2-3 times on my dock then doesn't open. I have no idea what to do , please help!

    I've just updated my Itunes to the newest update (iso7 I think) and now my itunes won't even open. It just jumps 2-3 times on my dock then doesn't open. I have no idea what to do , please help!

    Open Finder. Go to the "Go" menu in the menu bar. Press and hold Control and click on Library. Go to "Preferences". Find a file named, "com.apple.iTunes.plist" and delete that file. This won't delete your iTunes content. It will reset iTunes. Try it again.

Maybe you are looking for

  • Unable to load German characters in NON Unicode Essbase Cube

    Hi Guys, This is what we want to do: Build a Cube for Germany on our Essbase server in US. Our users will access cube using Excel Add-In from Germany. But since the Essbase server is in US, system environment variable ESSLANG is set to English_United

  • High Availability of BPEL System

    We are having a High Availability architecture configuration for the BPEL System in our production environment. The BPEL servers are clustered in the middle tier of the architecture and RAC is used in the database tier of the architecture. We have 5

  • From win 8.1 to win 7

    hi, i'm Antonio from Italy, iam sorry for my english. I bought a LENOVO G50-70 59421783, but i would like to replace windows 8.1   that i found on the notebook, with win 7. Anyway i want to keep the chance to install the factory condiction, i made th

  • Different page number eve/odd pages pages 5.2

    i am writing a thesis for my university and by formatting rules i need the pages number on even pages to be on the to(header) left and odd pages on the top(header) right. now this was super easy to do in pages 09 and before. i haven't needed that fea

  • How can I stop net gear from blocking websites on my MacBook Pro 10.9.1?

    This problem only started occurring after I upgraded to Mavericks recently. Many sites I visit are now "blocked by NetGear." I'm wondering why this is happening and what I can to do stop it.