Help me control Spry Tabs or Spry Accordion width

I am using Spry Tabs and Spry Accordions in Liquid pages, inside a DIV with ID.
I use an external CSS stytle sheet to control this ID and properly position the Spry Tabs or Spry Accordions inside the page.
I would like to have these Tabs or Accordions panels filling the page with a 10px margin on both sides.
I tried many CSS properties to have the DIV ID position the panel with both 10px margins...
If I use a 100% width, the panel overshoots the width of the page by about 10 to 20 pixels.
Using a 0px position and a 10px border on the right does not work.
The only solution I found is using a 98% width (box and position), but it varies on larger screens...
I am using Dreamweaver CS 5.5 on a Mac Pro.
There must be some CSS trick that I don't know... But CSS should also be easier to use...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    padding: 0
    margin: 0
html {
    background: #CCC;
    height: 100%;
body {
    width: 960px;
    margin: auto;
    background: #FFF;
    height: 100%;
.aside {
    width: 260px;
    float: left;
    background: #030;
    padding: 10px;
.main {
    background: #6F3;
    padding: 10px;
    margin-left: 280px;
</style>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
</head>
<body>
<div class="aside">
  <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Content 1</div>
      <div class="TabbedPanelsContent">Content 2</div>
    </div>
  </div>
</div>
<div class="main">
  <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Label 1</div>
      <div class="AccordionPanelContent">Content 1</div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Label 2</div>
      <div class="AccordionPanelContent">Content 2</div>
    </div>
  </div>
</div>
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryAccordion.js"></script>
<script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Gramps
PS Sorry, horible colours

Similar Messages

  • Spry tabs nested in accordion on IE.

    I am trying to put a tabbed panel in an accordion panel. In
    IE6 and I believe 7 as well, the tabs do not hide. Everything looks
    fine in FF and Safari. Any ideas on fixing this?

    This example, though for our widgets, might help with the
    spry issue.
    http://www.projectseven.com/products/tools/accordion/tweaks/with_tpm/index2.htm
    Essentially, what you do is make each containing DIV for each
    accordion
    content panel relative.
    Al Sparber - PVII
    http://www.projectseven.com
    Fully Automated Menu Systems | Galleries | Widgets
    Elevating Dreamweaver Widgets to a Higher Level
    "Josh Rawls" <[email protected]> wrote in
    message
    news:ft0go1$h8m$[email protected]..
    >I am trying to put a tabbed panel in an accordion panel.
    In IE6 and I
    >believe 7 as well, the tabs do not hide. Everything looks
    fine in FF and
    >Safari. Any ideas on fixing this?

  • Spry tabs in accordion overflow in ie7

    I am trying to nest tab panels into accordion panels and it
    works great in safari and firefox, however in ie7 the tabs are
    overflowing the closed accordion panels. I have tried setting
    overflow:hidden on the accordion content div and that did not help.
    It acts like a float clearing issue, yet I can figure out at what
    level to clear it. I was wondering if anyone had tried to do this.
    In the end I can set events to display or not onClick but was
    hoping for a css solution as that seems to be where the problem is.
    you can see a sample at
    http://jdspeer.com/aesi
    Thank you in advance for any ideas.
    James Speer

    Hi Ronald,
    Place the constructor withing the Spry region as follows
          <div spry:region="dsGrade5" >
              <div id="Accordion1" class="Accordion" tabindex="0">
                <div spry:repeat="dsGrade5" class="AccordionPanel">
                <div class="AccordionPanelTab">{@name}</div>
                <div class="AccordionPanelContent">{summary}</div>
              </div>
              <script>
                   var Accordion1 = new Spry.Widget.Accordion("Accordion1");
              </script>
            </div>
          </div>
    I hope this helps.
    Ben

  • Accordion  spry tabs - adding a link to each main tab - is that possible

    Hi all,
    The site I am working on is: www.drsamet.com/new .
    The site is in Hebrew, but that does not relly effect my issue.
    My client wants me to add links to each of the main tabs in this accordion. These are the "instigator" tabs, the ones that you click on for the accordion to expend. (in this site they are Blue).
    Is that possible?
    I tried to do it in a regular way using <a href> tags, but it did not work.
    any and all help will be appriciated.
    a

    The accordion widget has a "showPanel" method. You can call these for example with a onclick attribute..
    onclick="acc1.showPanel(0); return false;"
    That would open panel 1, as the accordion uses a zero based index.
    Read more about the accordion. http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html

  • Spry tabbed panal-controlling content of another textbox on the page

    Hi, I am trying to teach myself a bit of web design by making a simple site for my partners beauty salon.
    http://www.enchantedbodies.co.uk/services.html
    I have religiously avoided using anything other than html5/php/css3 as i have no clue how JS/ajax etc work...
    That is untill i used the spy tabbed panal to insert some tables laying out what services she offers.
    Now what she wants is that when you click on each tab as well as changing panal to give her price list etc that it will change the content of a text box in the sidebar on the left (currently just a picture) with a bit of blub about each treatment (eg waxing or eyelash tinting).
    Is this possible?
    My only other option is that it will have to be actually in each panal under the table (as i don't want the table jumping around from tab to tab) but i think it will be much cleaner off to the side.
    Please let me know if i need to post more info to allow you to help.
    Many thanks
    Jim

    JimOnWax wrote:
    Ok.
    Rethinking! Tried the site on Iexplore9 and it automatically blocked the spry scripts so considering it will probably be the same on ie 8.5 on mobile i think i will rework this not using spry. That way I don't need to work this out.
    If anyone can try this site on a IE8.5 mobile and let me know if if the tabs in services work I would be very grateful.
    http://www.enchantedbodies.co.uk/index.html
    All the best
    Jim
    The blocking of the scripts occurs only when viewing the site on a local server. Once it is on a remote server IE does not block the scripts.
    Now the suspense, yes Spry or no Spry?
    As far as placing different content in the sidebar, have a look at the following example
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
    <style>
    #sidebar {
        width: 200px;
        float: left;
    #TabbedPanels1 {
        width: 300px;
        float: left;
    .sidebar {
        left: 0;
        position: absolute;
    </style>
    </head>
    <body>
    <div id="sidebar">
    This is the menu
    </div>
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
        <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">
            Content 1
            <div class="sidebar">
              This is the sidebar content 1
          </div>
        </div>
        <div class="TabbedPanelsContent">
            Content 2
            <div class="sidebar">
              This is the sidebar content 2
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    </body>
    </html>
    Gramps

  • Help with spry tabbed menu bar

    Hi.
    I need help with the spry tabbed menu panel (horizontal) It
    works fine in dreamweaver ( pressing f12 ) but when i goto my
    website www.so-nouveau.com it puts it all over and not in boxes
    either just the writing.
    I ahve double checked all uploading is correct and files are
    located but it wont work.
    Here is what i did >
    new> html> 1 column elastic,centered. i have not
    changed any other settings at all. Do i need to change the doc type
    or css layout in the drop down menus before starting (doc
    type=xhtnl 1.0 transitional and layout css=add to head)
    I am still on cs3 , does this matter ? or is 4 easier ?
    any help out there guys is much appreciated but please bear
    in mind that i am not a web designer or pc expert at all , this is
    just me building my own site , until nowit has been an enjoyable
    experience but grrrrrr when it dont work
    Thanks
    Jay

    so-nouveau wrote:
    > Hi.
    > I need help with the spry tabbed menu panel (horizontal)
    It works fine in
    > dreamweaver ( pressing f12 ) but when i goto my website
    www.so-nouveau.com it
    > puts it all over and not in boxes either just the
    writing.
    Please post links directly to the page having an issue. I saw
    no tabs on the home page, but I noticed that there is a link on the
    bottom of the page to this page that has a Spry tab on it:
    http://www.so-nouveau.com/test%208.html
    > I ahve double checked all uploading is correct and files
    are located but it
    > wont work.
    That page refers to a Spry JavaScript file and a Spry CSS
    file, which should be at the following locations but are not
    present:
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
    Make sure you upload the SpryAssests folder and see where
    you're at after that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Spry Tabs + Accordion

    i have spry accordion here and in two of them there are spry tabs. when i view the site in IE the spry tabs are always visible instead of being hidden until you select that panel in the accordion.
    here's what i'm seeing in IE:
    http://www.robvanwyen.com/cv/rfblair/Outlook.jpg
    and this is what i see everywhere else:
    http://www.robvanwyen.com/cv/rfblair
    i do have overflow set to hidden in the panels.
    thanks in advance!

    What version of IE?
    Working for me in IE6 and 8, in both modes.
    Site looks nice and clean, btw.

  • Help Using Spry tabbed panel as a menu.

    Thanks in advance to all who take the time to read and any assistance you can offer.
    I'm picking up where someone else started a website. They used Spry tabbed panels as a menu system (CS4). Each Panel is a top-level "menu" and when it opens, sub-menus (hyperlinks) come up vertically under the panel.  I REALLY don't want to start over if I don't have to - need the site up and running - but cannot figure out how to make the "HOME" tabbed panel (the first one) actually take users back to the home page.  For now, I've created a "submenu" (link) under HOME tabbed panel to help the user navigate back to the home page.
    HELP? 
    http://www.orange.k12.nc.us/ec/beta/default.html

    Thank you Gramps - for your prompt and helpful response!  Your solution absolutely fixed the problem I asked about.
    If I had followed forum advisories and asked the question correctly, the navigation on this website would probably be working perfectly by now. Your solution fixes the home page.  Can you look at one more page and advise please??
    On the "subpages" of this site, the same tabbed panel "fake menu" exists.  I replaced the equivalent line of code in the template for those pages (at line 45) with what you gave me.  I'm obviously missing something in the code to send the user back to the HOME page from these pages.
    In the sample link below, you will be starting from a "subpage" of the site.  Clicking on the "HOME" tab leads you not to the actual home page (default.html in the root directory) but to a default.html page within the subdirectory for the page you are on (which doesn't exist.)  Can I add something to that line of code to get them back to the home page?
    Again... thank you!!
    http://www.orange.k12.nc.us/ec/beta/Students/Student_Resources.html

  • Spry Tabbed Panels Help

    Greetings everyone:
    I had an existing Spry tabbed panel with three tabs. I then
    added a fourth tab and used the up arrow to move it to the number
    one slot. It displays properly as far as the tab goes, but when the
    page loads the original number one tab (now number two) is always
    open.
    How do I make the new number one tab the default for being
    open when the page loads?
    Thanks in advance for any help.
    Glenn

    Duh! (Smacks self in the forehead!)
    How about in the property inspector - Default Panel.
    Duh!
    From reading all the purists posts on the board (Murray,
    David and the rest of the gang) I immediately started looking for
    this in the code and couldn't find it, so I posted the question.
    I know, looking in the code is a good thing! :)
    Thanks.
    Glenn

  • Help! Spry Tabbed Panels

    Hi,
    I have a problem with my spry tabbed panels. The default tab
    is set to be the 1st tab, when I move to 2nd tab and navigate
    through the content, as the page refreshes, and before it is fully
    loaded it shows the content of the first tab for about 20 seconds
    or so....then the page finally goes to the desired content on the
    2nd tab....
    How can I make it so this does not happen and it looks like a
    smooth transition as I navigate through my pages?
    Thanks,
    Brandan98

    I think that's the way Spry is programmed. Have you tried
    posting on the
    Spry forum? That might elicit more knowledgeable help.
    Al Sparber - PVII
    http://www.projectseven.com
    Fully Automated Menu Systems | Galleries | Widgets
    Elevating Dreamweaver Widgets to a Higher Level
    http://www.projectseven.com/products/tools/elevators
    "Brandan98" <[email protected]> wrote in
    message
    news:fttlqs$b3m$[email protected]..
    > Hi,
    >
    > I have a problem with my spry tabbed panels. The default
    tab is set to be
    > the
    > 1st tab, when I move to 2nd tab and navigate through the
    content, as the
    > page
    > refreshes, and before it is fully loaded it shows the
    content of the first
    > tab
    > for about 20 seconds or so....then the page finally goes
    to the desired
    > content
    > on the 2nd tab....
    >
    > How can I make it so this does not happen and it looks
    like a smooth
    > transition as I navigate through my pages?
    >
    > Thanks,
    > Brandan98
    >

  • Need help linking spry tabbed panel from external page

    Could use some help.  I need to link to a specific spry tabbed panel on page "A" from a link on page "B"  I have tried several "solutions" on the web and had no luck.  When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.  This is a key feature I need in a new site being developed.

    I need to link to a specific spry tabbed panel on page "A" from a link on page "B"  I have tried several "solutions" on the web and had no luck. 
    Have you tried http://foundationphp.com/tutorials/spry_url_utils.php ?
    When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.
    Depending on what the code looks like, it can do all sorts of things.
    Please be reminded that the best way for us to help you is by you supplying a link to your site with a one sentence description of the problem.
    Gramps

  • Spry tabbed panels, all content showing on one page, please help?

    Hi there,
    I'm developing a website for my friend and i'm using DW CS5 spry tabbed panels. Everything looks great in DW but when i load the page to the server all of the content shows as one page and i can't navigate through tabs.http://dndperspective.co.cc/
    I'll give you the whole code, I am fairly experienced in html but have never used spry before, so it may be a silly mistake. Any Suggestions?
    Here is 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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DND Perspective</title>
    <script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-color: #2B3856;
    .style1 {
    color: #FFFFFF;
    .style4 {
    color: #FFFFFF;
    font-size: 36px;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-left: 250px;
    .style5 {color: #CCCCCC}
    .style11 {
    font-size: 18pt;
    font-style: italic;
    a:link {
    color: #FFFF00;
    a:visited {
    color: #000000;
    a:hover {
    color: #000033;
    -->
    </style></head>
    <body>
    <div align="center">
      <p align="left" class="style4">DND  </p>
    </div>
    <p align="left">
    <img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" />  </p>
    <p align="center">
    <p align="center">
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup" >
        <li class="TabbedPanelsTab" tabindex="0"><img src="images/homebar.jpg" width="125" height="50" /> </li>
        <li class="TabbedPanelsTab" tabindex="0"><img src="images/aboutbar.jpg" width="125" height="50" /></li>
        <li class="style11 TabbedPanelsTab" tabindex="0"><em><img src="images/servicesbar.jpg" width="125" height="50" /></em></li>
        <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/gallerybar.jpg" width="125" height="50" /></li>
        <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/pricingbar.jpg" width="125" height="50" /></li>
        <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/contactbar.jpg" width="125" height="50" /></li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent style1">
          <div align="center">
            <p class="style11">Welcome to DND </p>
            <p>We are so glad you took the time to visit our site during your busy planning schedule. We have tried to make this site as user friendly as possible so you can get back to planning your big day. We provide straight foward and dependable services so you've got nothing to worry about.</p>
            <p>We are located in Rhode Island, but service Massachusetts and Connecticut as well. </p>
            <p>Please visit our services page to discover all photography sessions we have available such as:</p>
            <p>Wedding Photography</p>
            <p> Engament Photos</p>
            <p>Senior Portraits </p>
            <p>Anniversary</p>
            <p>&amp; More!!!</p>
            <p> </p>
          </div>
        </div>
        <div class="TabbedPanelsContent">
          <p class="style1"><strong><u>S.W</u></strong> -<em> Owner and Photographer</em>. For more information about her please click <a href="Untitled-11.pdf">here</a>!
        </div>
        <div class="TabbedPanelsContent">Under Construction...</div>
        <div class="TabbedPanelsContent">Under Construction....</div>
        <div class="TabbedPanelsContent style1">
    <p>We hear at DND  understand that packages and pricing may not provide the precise accomadations to fit you unique and carefully planned big day. We are very open and happy to discuss with you an individual catered package or plan that fits your style and most of all your budget. Whether you need us for just an hour or a full day we want to make your day as special as possible. We have services available starting at just $200.00. Below you will find our most popular packages, printing prices &amp;
    packages, custom videos, thank you cards and albums.</p>
               <hr width="50%" align="left" />
          <p><strong>Package 1 - $500.00</strong></p>
          <p>3 Hours; 1 location - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8&quot;x10&quot; fine art high quality print. *</p>
          <p><strong>Package 2 - $575.00</strong></p>
          <p>3 Hours; 2 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8&quot;x10&quot; fine art high quality print. *</p>
          <p><strong>Package 3 - $700.00</strong></p>
          <p>4 Hours; 3 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8&quot;x10&quot; fine art high quality print. *</p>
          <p>*Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.</p>
               <hr width="50%" align="left" />
          <p><strong>Prints</strong>: (Fine Art High Quality)**</p>
          <p>Individual prices: 8&quot;x10&quot; = $12.99; 10&quot;x13&quot; = $19.99; 2 - 5&quot;x7&quot; = $12.99; 4 - 4&quot;x6&quot; = $11.99</p>
          <p>(Custom sizes available - Custom framing available)</p>
          <p><strong>Package 1:</strong></p>
          <p>3 - 8&quot;x10&quot;; 4 - 5&quot;x7&quot;; 4 - 4&quot;x6&quot; = $50.00</p>
          <p><strong>Package 2:</strong></p>
          <p>5 - 8&quot;x10&quot;; 6 - 5&quot;x7&quot;; 6 - 4&quot;x6&quot; = $90.00</p>
          <p><strong>Package 3:</strong></p>
          <p>8 - 8&quot;x10&quot;; 4 - 5&quot;x7&quot;; 4 - 4&quot;x6&quot; = $125.00</p>
          <p><strong>Package 4:</strong> (Basic Prints)</p>
          <p>Any 100 photos printed 4&quot;x6&quot; = $100.00</p>
               <hr width="50%" align="left" />
          <p><strong>Custom video:</strong>**</p>
          <p>Any 100 photos put to royalty-free music = $50.00</p>
              <hr width="50%" align="left" />
          <p><strong>Custom thank you cards for your guests:</strong>**</p>
          <p>300 cards - 4&quot;x6&quot; = $350.00</p>
          <p>100 cards - 4&quot;x6&quot; = $150.00</p>
         <hr width="50%" align="left" />
          <p><strong>Custom Albums Available: </strong>(prices vary - special order)</p>
          <p>Bride &amp; Groom Albums</p>
          <p>Parent Albums</p>
               <hr width="50%" align="left" />
          <p>**Please be aware that your DVD will be available within a week; Web Gallery within 5-7 business days; Prints, Cards or Video within 2-6 weeks. Thank you!</p>
        </div>
        <div class="TabbedPanelsContent style5">
          <p> Contact DND Perspective:</p>
          <p>The best way to reach us is via email .</p>
          <p>You can alternately reach us anytime at ...!</p>
        </div>
        <div class="TabbedPanelsContent">
          <div align="center">
            <p><span class="style1">About Info</span></p>
            <p> </p>
          </div>
        </div>
      </div>
    </div>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
      </script>
    </body>
    </html>

    You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
    Correct these links:
    <script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    And you should be good to go.
    Beth
    ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
    B

  • Need help on spry tabs

    i designed a pop up menu in fireworks and inserted in the web
    page that contains spry tabs
    the menu is getting behind the spry tab

    Can any one replay for this i have a similar problem

  • HELP WITH SPRY TABBED PANEL -

    On one page I created a spry-tabbed panel with a distinctive look.
    On another page, same website, I created another spry tabbed panel with its own distinctive look, its own color scheme. 
    On doing the second page I discovered I was also inadvertantly changing the color, boarders etc to the spry tabbed panel on my first page.
    Don't want to do that.
    How do I create a spry panel on 2 different pages within the same web site and let each have its own independent spry set of attributes
    Howard Blume
    [email protected]
    max os x  system10.6.6
    dreamweaver 5

    Hi Ken:
    When I insert a new spry panel it appears with all the css from the other page.
    When I began to make changes the other page reflexs those changes.
    Don't know how to get a separate SpryCss sheet. Do you?

  • Spry tabbed panels - Different Hover Class for each tab

    Already posted this in the general Dreamweaver section, but just realized there was a specific Spry section. So, my apologies for the repost.
    I'm setting up spry tabbed panels, and I'm wanting to use an image for each tab, with the text already on it. I've figured this much out by creating a different class for each in the spry tabbed panel css.
    However, I'd also like to have a second hover image for each tab. I'm having trouble figuring out how to set up separate classes for each tab's hover state.
    Any help?
    Thanks.

    Just in case you did not notice the announce at the top of this forum's main page, I have copied it here.
    Announcement: New to Spry, or  the Spry forums?
    Hide Details
    Before you post a topic please verify  that:
    You  are using the latest Spry files
    The latest version of  the Adobe Spry Framework is 1.6.1, this is the same version that ships  with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its  wise to upgrade your files to the latest version. This can easily be  done using the Spry Updater that can be found here.
    Your  question was not asked before
    Using the search  functionality on forums you can easily find out if your question has  been answered before. While you are in search, you can specify the  search locations. The Spry forum can be found under:
    Adobe  Labs > Spry Framework for Ajax
    Yoru question can not be  found in the existing documentation
    Spry provides you  with allot of documentation this can found on different locations. In  the sidebar of this forum you can find a small summary of resources that  will help you on your way.
    If these options do not apply to your question,  please be so kind to also supply the following information in your topic  together with a clear description of your issue:
    What  browsers does this issue occure:
    example: Internet Explorer 8 on  Window 7 and Firefox 3.0 on Mac OSX
    What version  of Spry are using:
    example: Spry 1.6.1 ( the version number can  be found in license header of the .css and .js files )
    What  is the url of your website or page in issue:
    example: http://www.example.com/page/in/issue.html
    Step  to reproduce the issue:
    example: Scroll down till you find the  header "help", there you will see a Spry Accordion. When you click on it  it will not open or close.
    So users can provide you with a  better answer, without having to ask you for further details.
    by Arnout Kazemier at Oct 23, 2009 2:47 PM                        
    landon_tc wrote:
    Actually, I do remember posting that, and have updated it with what worked for me. However, I could not recall posting it in a specific ajax spry forum, so I assumed I just posted in the general forum. Hence the current situation.
    Yeah and my name is not Ben Pleysier.
    landon_tc wrote:
    Any help with the current problem?
    Please have a look at this thread http://forums.adobe.com/message/2662019#2662019
    I hope this helps.
    Ben Pleysier

Maybe you are looking for

  • Same info on 2 unlinked phones.

    My daughters new iPhone 5c some how has some of my info from my iPhone 6 plus. We have different iCloud accounts and different Apple id's. We use the same computer to sync and back up to. What can I do to fix this?  We both have the newest itunes and

  • How to import .mpg files into FCE ?

    I have succesfully installed the MPEG StreamClip & flip4mac into my iMac. So now I can both play wmv files on my iMac as well as importing wmv files into iMovie & FCE. But now I have another problem: 1) How do I play mpg files on my iMac ? 2) How do

  • Hide folders path in browser view

    I need some help. Example: I have a domain called www.qwerty.com. In dreamweaver I created a site and have the index.cfm in root. Then I have a folder called Pages en in that folder another folder called login and in that folder the login.cfm. In de

  • Number Problem

    In my checkbox value property i've set this EL #{row.bindings.ActiveStat.inputValue ==1?'true':'false'} But runtime error is java.lang.IllegalArgumentException: Cannot convert 1 of type class oracle.jbo.domain.Number to class java.lang.Long how can i

  • Import Text Data to text fields with folder level script

    I am using Adobe 9 professional and have a folder level javascript to import text into existing fields of a pdf. There are multiple fields with multiple rows of data to be imported. The folder level script is not working (but there are no errors in t