Why won't my collapsible panel work in IE?

Hello,
I am having fits with a collapsible panel I am trying to make for my husband's website. It looks and works beautifully in Firefox but in IE, the text isn't even in the right location and the whole panel is open and has no function (the default is set to "closed").
Here's the code:
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
<body>
<div id="wrapper">
<div align="left"> <a href="index.html"><img src="graphics/logo_final.jpg" alt="logo" width="125" height="125"></a></div>
<div align="left">
    <table width="900" border="0" cellspacing="0">
     <tr>
       <td><img src="graphics/HeaderwithoutLogo.gif" width="900" height="125" align=left"></td>
     </tr>
   </table>
</div>
<div align="right">
    <table width="405" border="0">
      <tr>
        <td width="425" height="44"><table width="905" border="0" cellpadding="10" cellspacing="0">
          <tr>
            <td height="390"><p> </p>
              <p> </p>
              <p><img src="img/FamilyPicforWeb_Sept2011.gif" alt="family picture" width="400" height="340" align="baseline" style='float:left'></p>
              <div align="right">
                <table width="500" border="0" cellspacing="0">
                  <tr>
                  <td><p><span class="A3"><font size="3" face="verdana" align="justify"><strong>                    About Me...</strong></font></span><br>
                    <br>
                    <font size="2" face="verdana" align="justify">With over ten years of collective architectural experience in my home country of Ethiopia and in the United States, I have had the opportunity to work on a variety of projects both collaboratively and individually. From working on a tenant improvement project in Addis Ababa, Ethiopia, to designing a new high school in Pasco, Washington, my experience ranges from being the lead designer to being in charge of the production of construction documents for very large and complex projects. The challenges and opportunities in these different professional environments have broadened my perspective and shaped me into a well-rounded design professional with a good eye for design and solid technical knowledge.</font></p>
                  <p><font size="2" face="verdana" align="justify">My enrollment in a French international school from a young age along with the many opportunities I have had to travel in North America, Europe and Africa have enlarged my outlook of the world and given me a greater appreciation of my "neighbor". My adaptability and the ease at which I navigate in and out of different cultures have helped me negotiate and maintain synergistic working environment with diverse     teammates and consultants in all my professional relationships.</font></p>
                  <div id="CollapsiblePanel1" class="CollapsiblePanel">
                    <div class="A3" tabindex="0"><font size="3" face="verdana" align="justify"><strong>Read More...</strong></font></div>
                    <div class="CollapsiblePanelContent"><font size="2" face="verdana" align="justify">Outside of the architecture world, I enjoy spending time with my wife and our young son, exploring the great outdoors in the Pacific Northwest, playing pick-up soccer on the weekends and honing my skills in ethnic cooking. I absolutely enjoy my church community. Located in arguably the most diverse zip code in the US, my family has found the Rainier Avenue Church community's lack of homogeneity refreshing and life giving. And for that we are very thankful! <br>
                        <br>
There is an old Ethiopian proverb that says: "The cattle is as good as the pasture in which it grazes." Thanks to the wisdom-filled upbringing in my childhood and a conscious effort on my part in my adulthood, I have made it my goal to continually seek out opportunities and environments where I can challenge myself to learn as much as I can, to grow as deep as I can, and to reach as high as I can to the betterment of myself, my family and my "neighbor".</font></div>
                  </div>
                  <p> </p></td>
                </tr>
            </table></div>
              <table width="900" border="0" cellspacing="0">
                <tr>
              </table>
            <p> </p></td>
          </tr>
        </table></td>
      </tr>
</table>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
</script>
</body>
Thanks for any help you can offer!

Just a quick glance shows a number of problems
No DOCTYPE
No Character Encoding
No closing HEAD tag
SpryCollapsiblePanel.js cannot be found
No closing HTML tag
A number of problems with the style rules
Solutions:
add <!DOCTYPE html> as the very first line in your document
add <meta charset="utf-8"> just below the <head>-tag
add </head> just above <body>-tag
make sure that SpryCollapsiblePanel.js has been uploaded to the remote
add </html> as the last line in your document
too many mistakes to mention. As an illustration
CollapsiblePanel p {
cursor: pointer;
CollapsiblePanel must be either a CLASS (e.g. .CollapsiblePanel) or an ID (e.g. #CollapsiblePanel). Other mistakes include A4, font and AGray. Only if you refer to an element such as p, a or img, you do not need a CLASS or ID.
Gramps
PS This is probably not the complete list of problems, it is merely a start.

Similar Messages

Why won't my iTunes code work

Why won't my iTunes code work helpppp

Hi Benrad09,
If you are having issues redeeming an iTunes Gift code, you may find the following article helpful:
Apple Support: If you can't redeem your iTunes Gift Card or code
http://support.apple.com/kb/HT6021
Regards,
- Brenden

Why is my Spry Collapsible Panel not working in IE

I have created a very very simple website, in dutch (i'm dutch). http://www.dgvastgoed.nl
And on the 'projecten' (dutch word for projects) page i've made some collapsible panels.
The picture is only showing when you click on the text once, when you click again the picture disappears, that's what i want.
But in Internet Explorer it always shows, and that's not what i want.
How do I get this right in Internet explorer?
(if it's possible a second question: How do i get on the 'werkzaamheden' page the 3 links in the top left corner on the position like they are in safari and firefox.)

It lookslike you fixed it, it works fine in IE7 and 8

Link to tabs in spry collapsible panel work in IE-8; not Firefox or Safari

I have little experience with Spry. I've asked my question on the user forum in Dreamweaver several times with no response. I am hoping that someone somewhere in the Adobe community can help me resolve this issue.
I created links from the top of a page to the tabs of a spry collapsible panel underneath.
In IE-8, on one page, with a small collapsiable panel, clicking the link creates a rollover effect on the appropriate panel. This effect works wonderfully for my purposes.On another page, with a long collapsible panel, clicking the link jumps the user to the panel AND creates a rollover effect. Perfect.
In Firefox and Safari, clicking the link does nothing. If I right-click the link in Firefox, I create a duplicate of the page.
I am using Windows XP and Dreamweaver CS4
http://www.judydiamondstone.net/Writing.html
click any of the links in the first section of the page
Thanks.

Arnout, Thank you so much for the guidance!
My code now looks like this:
(Click the first tab
below to open; click to close.)
but it still doesn't work
(I still like the error effect in IE!)
Do I need to add to the CSS or JS script that comes with the spry widget?
I am accessing all the tutorials I can find, including a very clear
explanation of event handlers in a Safari online search but I'm obviously
missing one or more basic concepts.
Page with new code on the
elements:
http://www.judydiamondstone.net/Writing.html

Spry Collapsible panel works in Safari, Firefox but not in IE 7 and 8

Revising a page and wish to have the Spry Collapsible Panel load "closed". Never used Spry before but is works ok as mentioned but when page is opened in IE the panel is open and stays open. Clicking does not close it.
The panel tab reads "CLICK To See Matched Rail & Stile Set-Up Blocks".
Did I mention I am not a programmer? Thanks for the help.
http://www.mlcswoodworking.com/shopsite_sc/store/html/smarthtml/pages/set_3pc_roundover_co ve.htm

jonholcombe wrote:
Did I mention I am not a programmer? Thanks for the help.
Jon,
Not a good way to start. You need to have some basic skills to work on websites. OK, if you want to build a bridge for your toy cars to cross a model railway line, you could probably cope, but to build a bridge in the real world, you need real knowledge.
Having said that, I have pulled all of the relevant code from your page to re-construct the collapsible panel and, although the markup would not be the one I would have gone for, the widget works in all browsers, see the code below. This means that the problem lies elsewhere.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://www.mlcswoodworking.com/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="http://www.mlcswoodworking.com/SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
<style>
#collapsiblepaneltab {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     height: 18px;
     width: 645px;
     color: #512b05;
     text-align: center;
     margin-top: 0px;
     padding-top: 0px;
     line-height: 21px;
     font-weight: normal;
</style>
</head>
<body>
<table width="645" border="0">
<tr>
    <td><div id="CollapsiblePanel3pcset" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" id="collapsiblepaneltab" tabindex="0"><img src="http://www.mlcswoodworking.com/shopsite_sc/store/html/smarthtml/graphics4/collapsiblepanelarrow102.gif" alt="" width="8" height="8" border="0" /> CLICK To See Matched Rail & Stile Set-Up Blocks</div>
<div class="CollapsiblePanelContent"><table border="1" cellpadding="0" cellspacing="0" width="645">
<tr>
    <td colspan="4" align="center" valign="middle" bgcolor=""><font size="1"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" size="2" color="black"><strong>SET-UP BLOCKS FOR MATCHED RAIL AND STILE BITS</strong></font></td>
</tr>
<tr>
    <td align="center" valign="middle" bgcolor="#cccc99" width="55"><font size="1"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font color="black"><strong>Item</strong></font></font></font></td>
    <td align="center" valign="middle" bgcolor="#cccc99"><font size="1"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2" color="black"><strong>Set-Up Block Profile</strong></font></font></font></td>
    <td align="center" valign="middle" bgcolor="#cccc99" width="55"><font size="1"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font color="black"><strong>Price</strong></font></font></font></td>
    <td align="center" valign="middle" bgcolor="#cccc99" width="58"></td>
</tr>
<tr>
    <td align="center" valign="middle" width="55"><font size="1"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" color="black"><strong>#9745</strong></font></font></td>
    <td align="center" valign="middle"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Set-Up Block for round over matched rail & stile bits</font></td>
    <td align="center" valign="middle" width="55"><font size="1"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" color="black"><strong>$9.95</strong></font></font></td>
    <td align="center" valign="middle" width="58"><a href="http://www.mlcswoodworking.com/cgi-mlcswoodworking/sb/order.cgi?storeid=*16f8a8beab2fd058071ebc4eb5&dbname=products&sku=%239745&function=add"><font size="2"><img src="../graphics/orderbut.gif" alt="" width="58" height="17" border="0" /></font></a></td>
</tr>
</table>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3pcset", {contentIsOpen:false});
</script>
</body>
</html>
To help you any further would take me way outside the scope of this forum, but if you were to employ me to untangle the mess, I would start afresh.
Gramps

HT4972 Why won't Kindle or instagram work on my I-Touch? Why do either of them require IOS 4 or 5?

Why won't Kindle or instagram Apps work on my I-Touch?
Why do either of them require IOS 4 or 5 and why can't Itouch V2 update to IOS 4 or 5 operating systems?

1. The developer stopped supporting older iOS versions.
2. A second generation iPod touch can be updated to iOS 4.2.1 but doesn't have enough RAM to run iOS 4.3 or newer.
(82591)

WHY WON'T STICKY KEYS ACCESSABILITY WORK ON SAFARI/

WHY WON'T STICKY KEYS ACCESSABILITY FEATURE WORK ON SAFARI? I AM A DOUBLE AMPUTEE AND THIS FEATURE REALLY HELPS ME.
RANDY

Do us all a favor, and unlock your Cap keys. It's considered yelling, and it's a real turn-off for those looking to help posters here.

Why won't my lock button work?

I went to lock my iPod and my lock button won't work. I can't even push it down, it's like stuck down in the hole but it won't pop back up. Everything works fine but I have to wait for it to auto-lock everytime I want to turn it off. Why won't the button pop back up?

It looks like you have a hardware issue. I don't know why the button doesn't pop up, but You can enable assistive touch. Assistive touch gives you a virtual lock button, so that will solve you problem. You can enable it by going to Settings->General->Accessibillity->AssistiveTouch->On.

Why won't my "if" expression work?

This calculation works:
IF(A3<1,A3*10,IF(A3<5,20))
Why won't this one:
if(A4<1,B4==0,if(A4>1<=2,40,if(A4>2<=3,60,if(A4>3<=4,100,if(A4>4<=5,125)))))
If you want me to send you the table that I am trying to make this work in, just let me know. Thanks,
Elaine.

Never mind, I figured it out! Whew.

Why won't megapack for iworks work on my mac?

Why won't my megapack for iworks work on my macbook pro?

only pages will work and its crap...what a waste of money.

Why won't time capsule router work?

Why won't the time capsule's wireless router work to allow internet access? Just got it, new 2 tb! Lost the excitement of it all now! Help! Connecting to new MacBook pros (13" & 2X15"s) as well as a Toshiba laptop. Followed all the directions and backed up just fine, but have not been able to browse web at all with this crap!

You do not have to load the airport utility.. a newer version is already included on the computer.
Just go to the applications / utility directory and start airport utility.

Why won't combined AND statement work

I want to exclude records based on two criteria's: status = 'M' and the status reason = 52.
The table contains records with status = 'M' and status reason other than 52.
Also the table contains records with status other than 'M' and status reason = 52 and I want to include those records.
I first tried using the statement below reasoning that placing the two criteria's in parenthesis would combine them and only exclude records with M 52
Where (nvl(Status_CD,'A') <> 'M' AND nvl(STATUS_RESN_CD,0) <> 52 )
However the query removed all records with Status_CD 'M' and all records with Status_Resn_CD 52.
Using the Where Not statement worked.
Where Not (External_Status_CD = 'M' and EXT_STAT_RESN_CD = 52 )
I’m curious why the first statement didn’t work?
Can anyone explain why the first query didn't combine the 2 statements but a Where Not did?
Thank you - Mark

HI, Mark,
markjames9 wrote:
I want to exclude records based on two criteria's: status = 'M' and the status reason = 52.
The table contains records with status = 'M' and status reason other than 52.
Also the table contains records with status other than 'M' and status reason = 52 and I want to include those records.
I first tried using the statement below reasoning that placing the two criteria's in parenthesis would combine them and only exclude records with M 52
Where (nvl(Status_CD,'A') <> 'M' AND nvl(STATUS_RESN_CD,0) <> 52 )
However the query removed all records with Status_CD 'M' and all records with Status_Resn_CD 52.
Using the Where Not statement worked.
Where Not (External_Status_CD = 'M' and EXT_STAT_RESN_CD = 52 )
I’m curious why the first statement didn’t work?
Can anyone explain why the first query didn't combine the 2 statements but a Where Not did?
Thank you - Mark
Another way of looking at it:
The condition (x AND y) will be TRUE when both x AND y are TRUE.
If
sub-condition x is    nvl (Status_CD, 'A') <> 'M'   and
sub-condition y is nvl (STATUS_RESN_CD, 0) <> 52
then any row with status_cd = 'M' fails sub-condition x, therefore the compound condition is FALSE, regardless of status_resn_cd.
Likewise, and row with status_resn_cd=52 fails sub-condition y, so the compound condition is FALSE regardless of status_cd.
You used status_cd and status_resn_cd in one example; but
EXTERNAL_status_cd and EXT_stat_resn_cd in the other. That's quite confusing. Also, you'll confuse everyone (including yourself) if status is abbreviated as stat in some places but not in others. Either way is okay, but be consistent. The same goes for abbreviating external as ext; pick one or the other, and use the same word in all places.
Don't forget to check for NULLs. If external_status_cd and ext_stat_resn_cd can be NULL, you should say
Where Not (    NVL (External_Status_CD, 'A') = 'M'
          and NVL (EXT_STAT_RESN_CD,    0) = 52
depending on your requirements.

Why won't logic 9.02 work with lion

Why will logic 9.02 not work with Mac OSX Lion ????????

The serial included with the TORRENT floating around the web for Logic 9 wont work on anything after 9.0.2
$100 says this is why said user is freaking on a simple update... just sayin

Why won't my HDMI output work after update my iPad to iOS6?

After updating my iPad to iOS6 it won't play my videos on my tv via HDMI cable. The tv displays "invalid format" I don't know how to chnage the display settings on the iPad because maybe there are none. Is there some backdoor way to change the settings so maybe I can use my $40+ cables I bought?

This is vatastrophic! I came to a congressional doctor meeting to give a lecture! It would't work!! Only iphone 4 projected muzzy picture and only on photo show!
Are they crazy? Why did they fricked it up?
Both were updated to iOs6!!!

Why won't my podcast url work

I wan't to know why my podcast rss won't play. All my episodes show up, but they don't connect and play, all of my files are m4a except one, it is mp3 and that one plays. Isn't m4a the same as aac. But I can, dowload the episodes though, and they work, you just can't play or preview them in itunes.

Hi suzique15,
Welcome to the Apple Support Communities!
There may be a few different troubleshooting steps I would recommend in this situation. Please read over and use the attached article for troubleshooting this situation with your enter key.
One or more keys on the keyboard do not respond - Apple Support
Best regards,
Joe

Why won't my collapsible panel work in IE?

Similar Messages

Maybe you are looking for