Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 12-22-2010, 08:36 PM   #1
Join Date: Dec 2010
Posts: 6
Default Spry Accordion Panels not opening fully

Hi There,

I'm having a little trouble with the panel heights on my website.

I have set the panel heights to 'false' so that each panel opens to the correct height. This works perfectly on the index page, however, on a new page (the first link within the first panel) the panel height automatically jumps up obscuring some of the links at the bottom, even though it is also set to 'false' can anyone help?

here's the code:

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<title>Gillian Murray</title>
<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">


<div class="MainImage">
<img src="images/GillianMurray-OldPierSalenMull.jpg" />

<h1>Gillian Murray</h1>

<h2>Artist, Printmaker</h2>


<p><a id="darkblue" href="index.html">Home</a></p>

<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab1">Scottish Landscape</div>
<div class="AccordionPanelContent">
<a id= "blue" href="OldPierSalenMull.html">Old Pier, Salen, Mull</a><br/>
<a id= "blue" href="Pabbay.html">Pabbay</a><br/>
<a id= "blue" href="SoundsOfArisaig.html">Sounds of Arisaig</a><br/>
<a id= "blue" href="EiggAndRumFromMallaig.html">Eigg & Rum from Mallaig</a><br/>
<a id= "blue" href="SunsetByGlenuig.html">Sunset by Glenuig</a><br/>
<a id= "blue" href="PolneyLochFrozenDunkeld.html">Polney Loch (frozen) Dunkeld</a><br/>
<a id= "blue" href="LochSunart.html">Loch Sunart</a><br/>
<a id= "blue" href="RocksAtNorthBerwick.html">Rocks at North Berwick</a><br/>
<a id= "blue" href="KnoydartFromTheFerry.html">Knoydart from the Ferry</a><br/>
<a id= "blue" href="BassRock.html">Bass Rock</a><br/>
<a id= "blue" href="GhostwoodForestTwinPeaks.html">Ghostwood Forest, Twin Peaks</a><br/>
<a id= "blue" href="LandUnderWaves.html">Land Under Waves</a><br/>
<a id= "blue" href="SeaPinksIona.html">Sea Pinks, Iona</a><br/>
<a id= "blue" href="CastleTioram.html">Castle Tioram</a><br/>
<a id= "blue" href="GrimsayOuterHebrides.html">Grimsay, Outer Hebrides</a><br/>
<a id= "blue" href="LochansNorthUist.html">Lochans, North Uist</a><br/>
<a id= "blue" href="EavalFromBeleshare.html">Eaval from Beleshare</a><br/>
<a id= "blue" href="SoundOfHarris.html">Sound of Harris</a><br/>
<a id= "blue" href="MarwickHeadOrkney.html">Marwick Head, Orkney</a><br/>
<a id= "blue" href="FacingMullFromIona.html">Facing Mull from Iona</a><br/>
<a id= "blue" href="ScottMonumentFromSalisburyCrags.html">Scott Monument from Salisbury Crags</a><br/>
<a id= "blue" href="SandstoneRockGardenstown.html">Sandstone Rock, Gardenstown</a><br/>
<a id= "blue" href="SandSwirlsBerneray.html">Sand Swirls, Berneray</a><br/>
<a id= "blue" href="WestBeachBerneray.html">West Beach, Berneray</a><br/>
<a id= "blue" href="FiddenBeachMull.html">Fidden Beach, Mull</a><br/>
<a id= "blue" href="RocksAt FiddenMull.html">Rocks at Fidden, Mull</a><br/>
<a id= "blue" href="SalisburyCrags.html">Salisbury Crags</a><br/>

<div class="AccordionPanel">
<div class="AccordionPanelTab2">Landscape</div>
<div class="AccordionPanelContent">
<a id= "pink" href="Carrelet.html">Carrelet</a><br/>
<a id= "pink" href="BotanicalGarden.html">Botanical Garden</a><br/>
<a id= "pink" href="StPaulsSaltpans.html">St. Paul's Salt-pans</a><br/>
<a id= "pink" href="SaltpansMalta.html">Salt-pans, Malta</a><br/>
<a id= "pink" href="ShelteredVines.html">Sheltered Vines</a><br/>
<a id= "pink" href="PaleoCorfu.html">Paleo, Corfu</a><br/>
<a id= "pink" href="PanormosEastCrete.html">Panormos, East Crete</a><br/>
<a id= "pink" href="PanormosWestCrete.html">Panormos, West Crete</a><br/>
<a id= "pink" href="PinkParasolsCrete.html">Pink Parasols, Crete</a><br/>
<a id= "pink" href="ElafonssiCrete.html">Elafonssi, Crete</a><br/>

<div class="AccordionPanel">
<div class="AccordionPanelTab3">Plants</div>
<div class="AccordionPanelContent">
<a id= "cream" href="VenusFlyTrap.html">Venus Fly Trap</a><br/>
<a id= "cream" href="PhilippineChickabiddy.html">Philippine Chickabiddy</a><br/>
<a id= "cream" href="Orchid.html">Orchid</a><br/>
<a id= "cream" href="SensitivePlant.html">Sensitive Plant</a><br/>
<a id= "cream" href="Flourish.html">Flourish</a><br/>
<a id= "cream" href="SweetheartVine.html">Sweetheart Vine</a><br/>
<a id= "cream" href="TerracottaGarden.html">Terracotta Garden</a><br/>
<a id= "cream" href="Sarracenia.html">Sarracenia</a><br/>
<a id= "cream" href="PinkPetals.html">Pink Petals</a><br/>
<a id= "cream" href="Scabious.html">Scabious</a><br/>
<a id= "cream" href="OrchidTrees.html">Orchid Trees</a><br/>

<p><a id="red" href="aboutme.html">About Me</a></p>

<p><a id="brown" href="contact.html">Contact</a></p>


<p2>&copy; all rights reserved</p2>

<div class="imagetext">
<p3>Grimsay, Outer Hebrides - Screenprint + Collagraph</p3>


<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 0});
robbieporter85 is offline   Reply With Quote
Old 12-22-2010, 08:46 PM   #2
DWcourse's Avatar
Join Date: Apr 2009
Posts: 3,276

is the page posted online anywhere where we could take a look.
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 12-22-2010, 08:50 PM   #3
Join Date: Dec 2010
Posts: 6

No, I'm afraid not. I'm just building it at the moment...
I can post up the CSS as well if that helps?
robbieporter85 is offline   Reply With Quote
Old 12-22-2010, 09:00 PM   #4
Join Date: Dec 2010
Posts: 6

aha! I set the css 'accordionpanelcontent height:auto' and it seems to be working for now!
robbieporter85 is offline   Reply With Quote
Old 01-05-2011, 12:29 PM   #5
Join Date: Dec 2010
Posts: 12

Hi, im having the exact problem with my spry and the height auto doesnt do anything
DWeaver73 is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 12:51 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com