Accordion Spry Widget resizes fonts in AccordionPanelContent when viewed on iPhone4

Has anyone seen this probelm before? The open AccordionPanelContent area dispays the font correctly at first, but then resizes once an interaction is initiated. See http://www.johnstontrustlaw.com/kmj_mobile.html for code. Thanks in advance for any help!

Similar Messages

Accordion Spry Widget default loading behaviour

Am using the accordion spry widget to display some
spring/summer courses and
I need all panels closed when the page first loads. I've
tried to find the
relevant code, but have not been successful in changing it to
make this
work. If I change the behaviour of the 'this.defaultPanel'
the whole
accordion stops working. How can I change the accordion
behaviour to have
all panels closed at page load?
Thanks for any help.
Marianne

Hello! I have been reading up on this and playing around with
the code for a few hours now and I can't seem to make it work.
Basically I would like to have the accordion load collapsed, and
get rid of the fixed height. Any clue what I'm missing?
Thanks!
Hello! I have been reading up on this and playing around with
the code for a few hours now and I can't seem to make it work.
Basically I would like to have the accordion load collapsed, and
get rid of the fixed height. Any clue what I'm missing?
Thanks!
<!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>Lorem Ipsum : about us</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="css/main.css" rel="stylesheet" type="text/css"
/>
<style type="text/css">

</style>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet"
type="text/css" />
<style type="text/css">

</style></head>
<body
onload="MM_preloadImages('images/menu_images/nav_a2_f2.jpg','images/menu_images/nav_a3_f2 .jpg','images/menu_images/nav_a4_f2.jpg','images/menu_images/nav_a5_f2.jpg','images/menu_i mages/nav_a6_f2.jpg')">
<div id="homebg">
<div id="spry1">
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry1.jpg" width="747"
height="35" alt="Vision / Purpose / Mission" /></div>
<div class="AccordionPanelContent">
<table width="744" height="179" border="0">
<tr>
<td width="95" height="175"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Vision:</strong>
Lorem Ipsum Dolor</p>
<p><strong>Purpose:</strong> Lorem ipsum
dolor.</p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry2.jpg" width="746"
height="34" alt="Guiding Principles / Core Values"
/></div>
<div class="AccordionPanelContent">
<table width="744" height="388" border="0">
<tr>
<td width="95"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Integrity</strong><br
/>
Lorem Ipsum</p>
<p><strong>Understanding</strong><br
/>
Lorem Ipsum</p>
<p> <strong>Innovation</strong><br
/>
Lorem Ipsum</p>
<p><strong>Perseverance</strong><br
/>
Lorem Ipsum</p>
<p><strong>Simplicity</strong><br />
Lorem Ipsum</p>
<p> <strong>Lorem
Ipsum</strong></p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry3.jpg" width="746"
height="34" alt="Lorem Ipsum" /></div>
<div class="AccordionPanelContent">
<table width="744" height="388" border="0">
<tr>
<td width="95"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Lorem
Ipsum</strong><br />
<br />
<br />
<a href="mailto:blahblah</a></p>
<p><strong>Lorem Ipsum</strong><br
/>
<br />
<br />
<a href="mailto:blahblah"</a></p>
<p><strong></strong><br />
Manager<br />
9<br />
<a href="mailto:blahblah</a></p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
</div>
<h6></h6>
</div>
<div id="text">
<h1>about us
<p>Lorem Ipsum </h1>
<p> </p>
</div>
<img src="images/bg_images/bg_interior.jpg" width="1374"
height="931" /></div>
<script type="text/javascript">

</script>
</body>
</html>

Accordion Spry shows a strange blue glow when clicked on... And the tabs jump a bit...

I am having a problem on the page below.
I was able to make the TEXT stop glowing blue when in focus, but can't manage to get this blue-glow outer line wrapped around the spry object. I have no idea how to fix it.
Here's the page where the issue happens- http://www.fci.tv/home/casestudies.html
Here's a link to the page's CSS file- http://www.fci.tv/home/css/style.css
And a link to the Accordion CSS- I've modified it a little to get rid of the ugly default setup, but still see this blue glow around the spry.... http://www.fci.tv/home/spryassets/spryaccordion.css
Lastly, when you click on any of the three spry-menu options, the panels slide with a strange jump. Can you please provide any insight to this problem?
Thank you!
Hugo

Hello there.
Thank you very much for your input. This worked perfectly.
Thank you!
Hugo

Font not publishing when viewing on diff platform

Hi, i created a banner in flash on a PC at work and published
it as html, when i tried to send the banner to my Mac at home, the
font did not come up on the html page in firefox or safari, it came
up with a default font.. I embeded the fonts in the flash file, but
that did not work. i do not have the font (Shelley LT
VolanteScript) on my mac. I have flash 8 at work and home. Could
you suugest a solution to my promlem, so that i can view the banner
on my mac with the correct font.

>I embedded the fonts in the flash file,
Do you mean that you embedded the font in the Textfield? or
in the Library?
You must embed the font into the textfield itself, unless you
use a TextFormat method to do so, and when doing so the Font must
be in the Library.
Also you only need to embed a font if the Textfield is
dynamic or input. If it is static then Flash will render the font
on publishing.

Fonts are substituted when viewing uploaded InDesign/Illustrator documents

In my test InDesign page in the Cloud, the document fonts (Futura, Zapfino Extra) are replaced by Myriad when the page is displayed. Needless to say this negates the value of having it in the cloud in the first place: I can't share with clients or collaborators for comments and feedback, since they won't see the actual layout. I could put a PDF in the cloud, but I could more quickly, and just as easily send them a PDF via Dropbox or email.
The same problem exists with live text in an Illustrator document.
Any word on when this will be fixed/upgraded?

Thanks, David. I had a feeling that was the problem so I wanted to check. It's a pity, because it vitiates the feature a great deal. I don't recall the same problem with CS Review, but then I also didn't use it much as I had little application for it at the time. Illustrator has its embedded PDF that could be used for a web preview, but perhaps if an INDD is saved with the maximum size preview that could also be a solution. At least 1024x1024 would be a comfortable size for viewing.
I've not tested a PSD with live text, but I assume the embedded comp would be what's displayed, so that should not be an issue.
[By the way, someone should have a strong word with the marketing folks. This limitation is not hinted at anywhere in the CC promo. Quite the reverse, in fact. Like the unexpected requirement to purchase tablet apps, which the promo says are "included", marketing missteps like this can backfire badly, as anyone familiar with the field will tell you. I've already seen negative reactions in various forums to what is perceived as (and is, in fact, even if unintentional) false advertising. Just because it seems like a minor detail doesn't mean it won't upset customers who feel they've been misled.]

HT2506 What is the default font preview uses when viewing a PDF?

I am annotating text in a pdf but I can't seem to match the font that preview is using. Any ideas?
Thanks.

It uses the fonts that are in the PDF...the ones that were used in the document that the PDF was created from.

Can't add spry widget to page created from dreamweaver template

Please help! I have created a template in Dreamweaver and
from that template I have created an html page. I want to add
different tabbed and/or accordion spry widgets to multiple pages
however I keep getting an error when I try to add a widget to an
editable region. I can add the widgets to the dwt file, but I do
not want the same widget on all pages created from that template.
Please advise!
Thanks
cycleguy

If that's all that's on the child page you are in trouble.
Anyhow, it appears to me that the template has not been
properly created
since I do not also see an editable region around the
<title> tag in your
code. Please read my previous post and follow the
instructions.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"cycleguy" <[email protected]> wrote in
message
news:fu01pk$s7k$[email protected]..
> Thank you for your reply.
> I started with one of the built-in templates offered in
Dreamweaver then
> added
> additional div's and formatting then saved it as a dwt
file and created my
> html
> page from that template. I did not start the page from
scratch. Below is
> my
> source code from the child 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>
> <style type="text/css">
> <!--
> body {
>

Accordion Spry default all panels closed

How do I setup the Accordion Spry to have all panels closed
when my page initially loads? I don't want any of the panels to be
set as the default opened panel and for the browser to select the
panel they want open first.

I have installed Spry 1.6.1.
Here is my code:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{
defaultpanel: -1 });
Still opens the first panel upon loading my page with the
Accordion spry. There must be something else to be
configured?

Site search limitations when using Spry Widgets

Currently evaluating search tools to work with Spry
accordion, tabbed panels and so on. Apparently NONE of them do.
This is a big problem. Our site uses mostly Dreamweaver spry
widgets.
I have tested the very highly rated zoom Search from WrenSoft
and also expect problems with Google Search and Atomz (based on web
research I have done).
If one searches for a word residing in one of the spry tabbed
panels,accordians (there could be many layers on a single page of
course), site search engines correctly take you to the page but
naturally does not open the correct tabbed panel (Zoom Search
doesn't understand DW code of course). Just presents you with the
default panel. User would have to dig through all panels on that
page to find the text. Our users need these nice interfaces. This
is reality. Also some of the Java script in Wrensoft that
highlights search words conflicts with existing Java script within
Dreamweaver. I've worked around some of it but the core issue is
the landing on the page and opening the correct tab. The question
is can anyone suggest a search engine tool that will work with
Dreamweaver Spry widgets or suggest something else. This is a huge
disincentive to use Spry. Perhaps build pages without Spry to
specifically go to after search? Sound like a lot of work.
Thanks
Richard

RickRoo wrote:
> If one searches for a word residing in one of the spry
tabbed
> panels,accordians (there could be many layers on a
single page of course), site
> search engines correctly take you to the page but
naturally does not open the
> correct tabbed panel (Zoom Search doesn't understand DW
code of course).
This is not an issue specific to Spry, it's an issue with
other JavaScript solutions that show and hide content, and it is
also an issue if CSS is used show and hide content.
If you have a way to obtain the search terms from the search
engine page, then you might be able to handle this (based upon your
description, the WrenSoft JavaScript finds that info out), but then
you'd also have to have a search engine built within your page that
will search through the page and figure out what tab the searched
term(s) are on, and then show that tab, but then what happens when
you have terms on multiple tabs in a tab group? You'll have to
determine which search terms are more important than other terms.
There is code available that will allow you to open specific
tabs using the showPanel method. Check out the API for the Tabbed
panel:
http://labs.adobe.com/technologies/spry/articles/data_api/index.html
And perhaps take a look at the code for this page (check in
the linked JavaScript file):
http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm
http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tp_unobtrusive.js
As the Spry code is namespaced to specifically prevent
conflicts with other JavaScript code, it would be good to know what
those conflicts are so that others can be aware of them to try to
prevent them in their pages.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Problem with accordion widget flashing open and shut when page loads

why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
Thanks

Thank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.

Close accordion spry when clicked

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

Is there any way to resize already loaded preview when widget is resize?

Is there any way to resize already loaded previews when panel widget is resize? <br />Actually, I have already a lot of preview images loaded on my preview panel's widget. when my preview panel is resize, is there any way to resize already loaded preview images without creating new preview images. <br /><br />ErrorCode CMPSImageListDataView::CreatePreview( const IDFile& previewFile, uint32 width, uint32 height, uint8 backGrey ) <br />{ <br />InterfacePtr<IPMStream> fileStream( StreamUtil::CreateFileStreamRead(previewFile) ); <br />if(!fileStream ) return kFailure; <br /><br />InterfacePtr<IK2ServiceRegistry> serviceRegistry(gSession, UseDefaultIID()); <br />if(!serviceRegistry) return kFailure; <br /><br />int numHandlers = serviceRegistry->GetServiceProviderCount(kImportProviderService); <br />for (int i = 0; i < numHandlers; i++) { InterfacePtr<IK2ServiceProvider> provider( serviceRegistry->QueryNthServiceProvider(kImportProviderService, i)); <br />InterfacePtr<IImportProvider> importProvider(provider, IID_IIMPORTPROVIDER); <br /><br />if (importProvider && importProvider->CanImportThisStream(fileStream) == IImportProvider::kFullImport) <br />{ <br />InterfacePtr<IImportPreview> preview(importProvider, IID_IIMPORTPREVIEW); <br />if(preview) <br />{ <br />bool16 reallocateNeeded = kTrue; <br />if( (this->m_fCachedImHeight == height) && (this->m_fCachedImWidth == width)) <br />reallocateNeeded = kFalse; <br /><br />if(reallocateNeeded) <br />{ <br />this->DeleteBuffers(); <br />m_fpCurAGMImage = new AGMImageRecord; <br />memset (m_fpCurAGMImage, 0, sizeof(AGMImageRecord)); <br />m_fpCurAGMImage->bounds.xMin = 0; <br />m_fpCurAGMImage->bounds.yMin = 0; <br />m_fpCurAGMImage->bounds.xMax = width; <br />m_fpCurAGMImage->bounds.yMax = height; <br />m_fpCurAGMImage->byteWidth = 3*width; <br />m_fpCurAGMImage->colorSpace = kAGMCsRGB; <br />m_fpCurAGMImage->bitsPerPixel = 24; <br />m_fpCurAGMImage->decodeArray = 0; <br />m_fpCurAGMImage->colorTab.numColors = 0; <br />m_fpCurAGMImage->colorTab.theColors = nil; <br /><br />this->m_fDataBuffer = new uint8[((m_fpCurAGMImage->byteWidth) * height)]; <br />ASSERT(this->m_fDataBuffer); <br />m_fpCurAGMImage->baseAddr = static_cast<void *>(this->m_fDataBuffer); <br /><br />this->m_fCachedImHeight = height; <br />this->m_fCachedImWidth = width; <br />} <br /><br />::memset(m_fpCurAGMImage->baseAddr, backGrey, (m_fpCurAGMImage->byteWidth) * height); <br /><br />if (m_fpCurAGMImage->baseAddr) <br />{ <br />AcquireWaitCursor busyCursor; <br />preview->Create24bitRGBPreview( (uint8*)m_fpCurAGMImage->baseAddr, width, height, fileStream, kTrue ); <br />m_fCurImageSysFile = previewFile; <br /><br />return kSuccess; <br />} <br />} <br />} <br />fileStream->Seek(0,kSeekFromStart); <br />} <br />return kFailure; <br />}

Really Thanks!! T Schneider<br />How can I do that matrix?<br />Would you mind....?<br /><br /> <br />PMReal imageWidth = ( m_fpCurAGMImage->bounds.xMax - m_fpCurAGMImage->bounds.xMin);<br /> <br />PMReal imageHeight = ( m_fpCurAGMImage->bounds.yMax - m_fpCurAGMImage->bounds.yMin);<br /> <br />PMReal xOffset = frame.GetHCenter() - imageWidth/2;<br />PMReal yOffset = frame.GetVCenter() - imageHeight/2;<br /><br />gPort->translate(xOffset, yOffset);<br /> <br />InterfacePtr<ITransform> iTransform(this, IID_ITRANSFORM);<br />PMMatrix theMatrix = iTransform->GetInnerToParentMatrix();<br /><br />.??????????????????????????????.<br /><br />ASSERT(m_fpCurAGMImage);<br />gPort->image(m_fpCurAGMImage, theMatrix, 0);

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">

</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 "ailments" 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">

</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

Spry Widget Issues - Deactivating after a while

Hi there,
I'm using Spry Widgets in DW CS3 and have been experiencing
the following strange issue.
When I insert a widget everything functions fine, the widget
is outline in blue, the little blue title appears when I roll over
it and the eye appears (for the Collapsible or the Accordion for
example) and allows me to close or open it with DW.
All in all, everything works sweet... I can edit it fine in
the Properties box etc.
And then after a while the widget just stops working. What I
mean is that there is no blue outline when rolling over it, there
is no Properties panel, there is no "eye", but the object is still
there, just not functioning.
I have obviously gone over the code as best I can. I've
created a new page within the same site and inserteda widget and
compared the code from one page to another and cannot find anything
off kilter.
Note that the CSS still woks fine, it just seems to lose its
Javascript capabilites (...)
This has happened with several different widgets in different
sites on different machines...
Any help would be much appreciated.
Thanks in advance

Here is a screenshot of a site I'm building atm. Please bear
in mind that I am not a coder and am building exclusively using
Design Mode.
LINK TO SCREENSHOT:
http://flickr.com/photos/7512606@N04/492179644"
>
-When I first inserted the Tabbed Panels widget, it
functioned fine...
-Now, something has happened and the widget is not editable
(other than going into the code) and the Panels are just displayed
one below the other.
-The widget functions normally when the page is previewed in
a browser, but I have lost my Design Mode editing capabilites.
-Now if I were to enter a new widget, it would start off
straight away in "non-editable" mode
-This has happened every time I have tried to use widgets.
Starts off fine and then loses editibility and/or functionality.
It's obviously something that I'm doing that is "breaking"
the widget, but any help would greatly appreciated.
Below is the code for that particular 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>Sisters, Pearls & MIssion Girls -
Info</title>
<style type="text/css">

</style>
<script src="../../SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<script src="../../SpryAssets/SpryEffects.js"
type="text/javascript"></script>
<link href="../../SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
<link href="../css/films.css" rel="stylesheet"
type="text/css" />
</head>
<body onload="MM_effectAppearFade('infoContainer', 2000,
0, 100, false)">
<div id="infoContainer">
<div id="infoTitle"><img
src="images/info/sisters_logo.png" alt="sisters_logo" width="195"
height="90" /></div>
<div id="infoCredits"><span
class="textDefault">Directed by David Batty<br />
Produced by Jeni McMahon</span><br />
<br />
<span class="textSmall">A Rebel Films Production<br
/>
Financed by Film Finance Corporation of Australia<br
/>
Produced with the assistance of the Australian Broadcasting
Corporation<br />
© Rebel Films and Film Finance
Corporation</span></div>
<div id="infoLinks"><img
src="../images/buttons/imdb.png" alt="imdbButton" width="195"
height="20" /></div>
<div id="panelProcontaioner">
<div id="panelContainer">
<div id="filmsPanels" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
<li class="TabbedPanelsTab"
onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
500, 0, 100, false)" tabindex="0"></li>
</ul>
<div id="panelContent" div
class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"><a
href="../veiled/index.html" target="_top"><img
src="../../images/tabbed_nav/veiledPanel.jpg" alt="veiledPanel"
width="195" height="175" border="0"/></a></div>
<div class="TabbedPanelsContent"><a
href="../rodeo/index.html" target="_top"><img
src="../../images/tabbed_nav/rodeoPanel.jpg" alt="rodeoPanel"
width="195" height="175" border="0"/></a></div>
<div class="TabbedPanelsContent"><a
href="../inventions/index.html" target="_top"><img
src="../../images/tabbed_nav/inventionsPanel.jpg"
alt="inventionsPanel" width="195" height="175"
border="0"/></a></div>
<div class="TabbedPanelsContent"><a
href="index.html" target="_top"><img
src="../../images/tabbed_nav/sistersPanel.jpg" alt="sistersPanel"
width="195" height="175" border="0"/></a></div>
<div class="TabbedPanelsContent"><a
href="../thatsaustralia/index.html" target="_top"><img
src="../../images/tabbed_nav/taPanel.jpg" alt="taPanel" width="195"
height="175" border="0"/></a></div>
<div class="TabbedPanelsContent"><a
href="../taylor/index.html" target="_top"><img
src="../../images/tabbed_nav/taylorPanel.jpg" alt="taylorPanel"
width="195" height="175" border="0"/></a></div>
</div>
</div>
</div></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Iframes and spry widget issue

PLEASE HELP!
I am building a website for my company using Dreamweaver for the very first time. I have a spry accordian menu on my page (that probably has nothing to do with my issue).
Next I added an iframe in the page to hold a vertical spry menu (since it will appear in other pages and I only want to edit it once. The menu was working fine until I did this.
Now that I embedded it in the iframe it is opening behind other things on the page. What can I do? Code is below:
<!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>Arkansas Bankers Association</title>

<style type="text/css">
</style>
<link href="Dec28.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
<style type="text/css">

</style>

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

</head>
<body onload="MM_preloadImages('Images/HeaderHover_Files/images/aboutus_hover.png','Images/Head erHover_Files/images/education_hover.png','Images/HeaderHover_Files/images/banking_hover.p ng','Images/HeaderHover_Files/images/government_hover.png','Images/HeaderHover_Files/image s/products_hover.png','Images/HeaderHover_Files/images/partnership_hover.png','Images/Head erHover_Files/images/fraudcenter_hover.png','Images/HeaderHover_Files/images/consumer_hove r.png','Images/HeaderHover_Files/images/home_hover.png','Images/HeaderHover_Files/images/c ontactus_hover.png','Images/HeaderHover_Files/images/sitemap_hover.png','Images/Header_htm landimages/images/home_hover.png','Images/Header_htmlandimages/images/contactus_hover.png' ,'Images/Header_htmlandimages/images/sitemap_hover.png')">
<div id="wrapper">
<div id="header">
    <div align="center" "top">
     
<table id="Table_01" width="980" height="81" border="0" cellpadding="0" cellspacing="0" bgcolor="#2B4E74" >
<tr>
<td rowspan="2">
   <img src="Images/header_and_search/images/logo.png" alt="" width="597" height="81" border="0"></td>
<td>
   <img src="Images/header_and_search/images/home.png" alt="" width="250" height="33" border="0"></td>
<td>
   <img src="Images/header_and_search/images/contact-us.png" alt="" width="65" height="33" border="0"></td>
<td>
   <img src="Images/header_and_search/images/site-up'.png" alt="" width="68" height="33" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="middle" background="Images/header_and_search/images/search-box.png" border="0"><form name="form1" method="post" action="">
    <label>
          <input name="search" type="text" id="search" value="Search by Keyword(s)" size="35">
    </label>
    <label></label>
              <label>
              <input name="submit2" type="image" id="submit2" src="Images/header_and_search/images/arrow.png" border="0" align="bottom">
          </label>
     </form> </td>
</tr>
</table>

    <a href="www.arkbankers.org/aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','Images/HeaderHover_Files/images/aboutus_hover.png ',1)"><img src="Images/HeaderFiles/images/aboutus.png" name="Image21" width="76" height="37" border="0" id="Image21" /></a><a href="education_training.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','Images/HeaderHover_Files/images/education_hover.p ng',1)"><img src="Images/HeaderFiles/images/education.png" name="Image22" width="133" height="37" border="0" id="Image22" /></a><a href="www.arkbankers.org/banking_news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','Images/HeaderHover_Files/images/banking_hover.png ',1)"><img src="Images/HeaderFiles/images/banking.png" name="Image23" width="99" height="37" border="0" id="Image23" /></a><a href="www.arkbankers.org/government_relations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Images/HeaderHover_Files/images/government_hover. png',1)"><img src="Images/HeaderFiles/images/government.png" name="Image24" width="141" height="37" border="0" id="Image24" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Images/HeaderHover_Files/images/products_hover.pn g',1)"><img src="Images/HeaderFiles/images/products.png" name="Image25" width="130" height="37" border="0" id="Image25" /></a><a href="www.arkbankers.org/partnership_opportunities.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','Images/HeaderHover_Files/images/partnership_hover .png',1)"><img src="Images/HeaderFiles/images/partnership.png" name="Image26" width="158" height="37" border="0" id="Image26" /></a><a href="www.arkbankers.org/fraud_center.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','Images/HeaderHover_Files/images/fraudcenter_hover .png',1)"><img src="Images/HeaderFiles/images/fraudcenter.png" name="Image27" width="94" height="37" border="0" id="Image27" /></a><a href="www.arkbankers.org/consumer_connection.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','Images/HeaderHover_Files/images/consumer_hover.pn g',1)"><img src="Images/HeaderFiles/images/consumer.png" name="Image28" width="149" height="37" border="0" id="Image28" /></a></div>
</div>
</div>
<div id="body">

<table width="860" height="auto" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
   <td width="3" rowspan="3" valign="top">       </td>
<td height="53" colspan="4" valign="top">
<div align="center"><img src="Images/education_images/education_top.png" alt="Education and Training" width="805" height="150" /></div>
</td>
<td width="29" rowspan="2" valign="top"><table width="20" border="0" cellspacing="5" cellpadding="2">
<tr>
    <td> </td>
</tr>
</table>
<br />
</td>
<td width="144" rowspan="2" valign="top"><img src="Images/Ads/ababannerad.jpg" width="140" height="325" /><br />
    <br />
    <img src="Images/Ads/Link_LiveEvents2010_CoverPic.jpg" width="144" height="186" /><br />
    <br />
    <img src="Images/Ads/SponsorshipBrochure2010_Link.gif" width="144" height="140" /></td>
</tr>
<tr>
<td colspan="4" valign="top" background="Images/bg_department_details.png"><table width="771" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
              <td width="135" valign="top">
              
            
            
            <iframe src="EducationMenu.html" width="145" height="auto" frameborder="0" scrolling="no"> </iframe>
            <br />
            <br />
                          <br /></td>
            <td width="616" valign="top"><div align="left">
              
              <div id="Accordion1" class="Accordion" tabindex="0">
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">ABA LIVE EVENTS</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/Live.png" width="150" height="110" align="left" /><br />
                    The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in a variety of formats to make   training as convenient, timely and cost effective as possible.<br />
                    <a href="educ_liveevents.html">View All Live Events</a> <a href="educ_liveevents.html"><img src="Images/more_arrow.png" width="12" height="12" border="0" /></a><br />
                    <br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">ABA WEBINAR LIBRARY</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinar_Library.png" width="150" height="124" align="left" /><br />
                    The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in<br />
                    a variety of formats to make   training as convenient, timely and cost effective as possible. We   encourage you to explore all the training options available to you.<br />
                    <a href="Jan5_2.html">View Webinar Library <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /><br />
                      </a><br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">COMPUTER BASED IN-HOUSE</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/ComputerBasedInHouse.png" width="150" height="110" align="left" /><br />
                    The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in a variety of formats to make   training as convenient, timely and cost effective as possible. <br />
                    <a href="Jan5_2.html">View Computer Based In-House Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                    <br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">WEBINARS & PODCASTS</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinars_Podcasts.png" width="150" height="110" align="left" /><br />
                    A webinar is an enhanced telephone seminar. The audio portion is delivered by speaker phone. You may also view a corresponding PowerPoint presentation by PC.
                    &A. You will receive a PIN, materials and instructions prior to the seminar.<br />
                    <a href="Jan5_2.html">View Webinars & Podcasts <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                    <br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">SELF-PACED ONLINE</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/SelfPacedOnline2.png" width="150" height="104" align="left" /><br />
                    ABA eLearning includes over 60 courses and 200 hours of training in the retail,   small business, personal trust, compliance, and
                    management development areas.<br />
            <br />
            <strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001">Register/Enroll/Take   a Demo - </a></strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001" target="_rpbrowser"><strong>Take the Demo   Now</strong></a><strong> </strong> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
            <a href="Education/ABA_eLearning_Price_and_Credit_List%20Jan_10.xls" target="_rpexternal">Brochure & Pricing</a> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
            <br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab">INSTRUCTOR LED ONLINE</div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/InstructorLedOnline2.png" width="150" height="110" align="left" /><br />
                    Your instructor posts weekly assignments which includes a reading (either textbook or online) and   homework is submitted through the discussion board or via email. You complete each at your convenience   and take a weekly quiz.   Exams (proctored midterms and/or   finals) are all taken online. Your instructor is available to provide   feedback and answer questions. <a href="Jan5_2.html">View Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                    <br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab"><strong>ANNUAL CONVENTION</strong></div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/Convention.png" width="160" height="106" align="left" /><br />
                    New Rules, New Opportunities, New Banking Environment<br />
                    <br />
                    <strong>121st Annual Arkansas Bankers Association Convention & Tradeshow</strong><br />
The Peabody Hotel & Statehouse Convention Center, Little Rock, Arkansas<br />
May 4-6, 2011 - <strong><em>Brochure Coming Soon!</em></strong><br />
                  </div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab"><strong>BANK MANAGEMENT SEMINAR</strong></div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/BankManagementSeminar.png" width="124" height="106" align="left" />Open to our Bank Members, Associate Members and non-members, this annual event will be held at Hilton Branson Convention Center in Branson, Missouri.<br />
                    <br />
                    <strong>2011 Bank Management Seminar</strong><br />
Hilton Branson Convention Center, Branson, Missouri.<br />
August 4-6, 2011<br />
<br />
</div>
                </div>
                <div class="AccordionPanel">
                  <div class="AccordionPanelTab"><strong>E<strong>MERGING LEADERS LEADERSHIP CONFERENCE</strong></strong></div>
                  <div class="AccordionPanelContent"><img src="Images/Icons_Education/LeadershipConference.png" width="160" height="106" align="left" />Make plans to join us for the 2011 conference in order to network with your peers, further your education and leadership skills, and accelerate your banking career!<br />
                      <br />
                          <strong>2011 ELS Leadership Conference</strong><br />
                      Doubletree Hotel and Robinson Center, Little Rock, Arkansas<br />
                      July 21-22, 2011<br />
                    <br />
                  </div>
                </div>
              </div>
              <br />
              <br />

              <div align="left"></div>
                <p align="left""top"> </p>
                <p> </p>
              </div></td>
          </tr>
          </table>
          
          <script type="text/javascript">

</script>
          <br />        </td>
    </tr>
</table>
<p> </p>
</div>

</div>
<div id="footer">
<table width="800" border="0" align="center" cellpadding="2" cellspacing="5">
    <tr>
      <td>Footer Contents Here</td>
    </tr>
</table>
<br />
</div>
</body>
</html>

I frame should not be used in this situation because its contents are not in the same flow as the main document.
You are far better off using serverside includes as per following article http://foundationphp.com/tutorials/sprymenu/ssi.php
Gramps

Accordion Spry Widget resizes fonts in AccordionPanelContent when viewed on iPhone4

Similar Messages

Maybe you are looking for