How to use H1, h3, h4 etc when using Spry Tabbed Panels?

Hi folks,
I am using Spry Tabbed Panels 2 on my site as it's the only way I know to direct visitors to particular tabs with links.
Unfortunately I can't use any of my header tags because H2 is dedicated to the Spry tabs, and for some reason has also taken "ownership" o all H tags.
Is there another way to mark my headings accordingly without having them turn into tabs?
My site is at www.qtnz.co.nz/activities
Thanks in advance for advice,
Jo

To help you on your way, have a look at the following. Just copy and paste into a new document and view in your favourite browser.
<!DOCTYPE html>
<html>
<head>
  <!-- To avoid horizontal scrolling in this code listing. -->
  <base href="http://ajax.googleapis.com/" />
  <!-- Reference the theme's stylesheet on the Google CDN -->
  <link href="/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css"
        type="text/css" rel="Stylesheet" />
  <!-- Reference jQuery and jQuery UI from the CDN. Remember
       that the order of these two elements is important -->
  <script src="/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script src="/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  <!-- Initialize the tabs when the document is ready -->
  <script type="text/javascript">
    $(document).ready(function() {
      // See the jQuery UI Tabs documentation for
      //  more information about how this works.
      $('#tabs').tabs();
  </script>
</head>
<body>
  <div id="tabs">
    <ul>
      <li><a href="#tab-1">Tab 1</a></li>
      <li><a href="#tab-2">Tab 2</a></li>
      <li><a href="#tab-3">Tab 3</a></li>
    </ul>
    <div id="tab-1">
      <p>These tabs were created with JavaScript, CSS, and
        images hosted on Google's AJAX APIs CDN.</p>
      <p>Thanks, Google!</p>
    </div>
    <div id="tab-2">
      <h1>YEAH!</h1>
      <p>My header!</p>
    </div>
    <div id="tab-3">
      <!-- Tab 3's content goes here. -->
    </div>
  </div>
</body>
</html>

Similar Messages

  • Problem when inserting Spry Tabbed Panels

    Hi all,
    Just lately i started to get this message when inserting spry
    tabs
    " ! The structure of this widget appears to be damaged. Go to
    Code view and repair the widget, or replace the widget."
    Anyone know why and how to fix it? At first i thought it has
    something to do with my current page, but when i tried in a blank
    html, still got the same problem.
    I have CS3 and Spry 1.6.1. I didnt touch the .js and .css
    file for this spry. I checked for Spry updates, installed and
    reinstalled spry, still get the same message.
    Please help!!!
    thanks

    Thanks Kin,
    here is the code. i created a new html and inserted tabs from
    the spry tab. no other changes are made. Still getting the same
    error.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8">
    <title>Untitled Document</title>
    <script src="file:///C|/Documents and
    Settings/xd064c/Application Data/Adobe/Dreamweaver
    9/Configuration/Temp/Assets/eam50.tmp/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <link href="file:///C|/Documents and
    Settings/xd064c/Application Data/Adobe/Dreamweaver
    9/Configuration/Temp/Assets/eam50.tmp/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body><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><script
    type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script></body></html>
    >>>>>Also, the add panel function from the
    properties panel doesnt work correctly. the code below is what i
    get when i add a panel.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8">
    <title>Untitled Document</title>
    <script src="file:///C|/Documents and
    Settings/xd064c/Application Data/Adobe/Dreamweaver
    9/Configuration/Temp/Assets/eam50.tmp/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <link href="file:///C|/Documents and
    Settings/xd064c/Application Data/Adobe/Dreamweaver
    9/Configuration/Temp/Assets/eam50.tmp/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body><div id="TabbedPanels1"
    class="TabbedPanels"><ul
    class="TabbedPanelsTabGroup"></ul><div
    class="TabbedPanelsContentGroup"></div><ul
    class="TabbedPanelsTabGroup"></ul><div
    class="TabbedPanelsContentGroup"></div><ul
    class="TabbedPanelsTabGroup"></ul><div
    class="TabbedPanelsContentGroup"></div><ul
    class="TabbedPanelsTabGroup"></ul><div
    class="TabbedPanelsContentGroup"></div><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><script
    type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script></body></html>
    Thank you.

  • Is there a way to use css media="print" to print all Spry tabbed panels

    By setting up a special style sheet and calling that with media="print" I can control all other content that I want to appear in the printed webpage but since the tabbed panels display="none" or display="block" are controlled by the SpryTabbedPanels.js I haven't found a way to force all panels to be display="block" in the print style sheet.
    The requirement is for a seminar timetable where each day is on a separate tab but if you want hard copy then printing all days in one go is best.
    Any suggestions would be most welcome.

    Yeah! I found the answer in another forum topic - See
    http://forums.adobe.com/message/636534#636534
    Use
    <style type="text/css" media="print">
    .TabbedPanelsTabGroup {
    display: none !important;
    .TabbedPanelsContent {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    </style>

  • Is it possible to flag e-mails and/or right click an e-mail to mark as read/unread, etc. when using Microsoft Outlook Web Access in Firefox on a Mac?

    Is it possible to flag e-mails and/or right click an e-mail to mark as read/unread, etc. when using Microsoft Outlook Web Access in Firefox on a Mac?
    == This happened ==
    Every time Firefox opened
    == I've never been able to figure out how to do those things in Firefox.

    When you use OWA in something other than IE, you're using OWA lite and no--it is not possible to do either in OWA lite (well, new Exchange stuff makes my answer a little less emphatic but still: pretty much no). Thanks Microsoft. But this guy made it possible to mark unread/read and select all/none:
    http://david-burger.blogspot.com/2008/07/firefox-greasemonkey-outlook-web-access_19.html

  • How to set fetchsize of sql Query when using Database Adapter.

    Hi All,
    I am using DatabaseAdapter to connect to database and retriving huge amount of data.For improvement in the performance I want to set the "fetchsize" of sql query. I know fetchsize can be preset in Java using Jdbc 2.0 API.Please let me know how to set this value in BPEL when using DBAdapter?
    Thanks
    Chandra

    I talked to the developer of the db adapter - and he told me this feature will be available in BPEL PM 10.1.3 (which is supposed to be production later this year, and a public beta soon). If this is an emergency I would recommend going throug Oracle support and have them file an enhancement for 10.1.2.0.2
    hth clemens

  • Can you change the appearence of individual icons (forward, etc) when using an existing persona?

    I would like to change the appearance of the icons (forward, home, etc) when using a pre-existing persona. It appears that when using a persona the icons used are from the FF4 "default theme".

    You can try to force Firefox to use a theme with the persona.
    *https://wiki.mozilla.org/Personas/Personas_and_Themes

  • How to transfer range parameter from vb when using bapi calling

    Hi,everyone.how to transfer range parameter from vb when using BAPI calling?

    Did you get the solution to your problem?  Can you please share it with me. I have a similar problem. I have a VB program that calls RFC function. It works with a single parameter but not with a range of parameters. If you have the solution, could you please share sample codes with me? Thank you so much.

  • How do images embeded in InDesign link when using Creative Cloud on more than two desktops?

    How do images embeded in InDesign link when using Creative Cloud on more than two desktops?

    If I am understanding your question correctly, you shouldn't have to worry about embedded images in InDesign. Once embedded, the image is stored within the file.
    If you are wondering about linked images... InDesign will follow the path on your computer and, if it does not find the image, you will recieve a notification. Edit: To prevent this, I would suggest packaging your file using File > Package... This will create a folder with all of your fonts and linked graphics so that you need not worry about broken links.  I just remembered that you cannot upload folders directly to Creative Cloud so a packaged folder wouldn't be very helpful unless you wanted to upload each file manually.
    The best solution I see right now is to either embed the graphics in the document, or upload the images with your document to relink.
    I hope this helped,
    Michael

  • How do i engage my 8 core mac pro to use all it's cores when using final cut pro and other applications that need processing power? at the moment they seem to be idle...

    how do i engage my 8 core mac pro to use all it's cores when using final cut pro and other applications that need processing power? at the moment they seem to be idle...

    First, did you use Setup or Migration Assistant? That can happen when coming from a PowerMac or sometimes even from another (Intel) Mac.
    Second, wait for the next version of Final Cut due very soon to ship (may have to wait for the ".1" of course to clean up any early issues.
    Final Cut Pro - Wikipedia
    There are a few apps that are better.  I think you can run multiple instances of Handbrake for one.
    I've read about and wanted to try PowerDirector 9 (Windows)
    PowerDirector 9 video software
    video editing software Wiki

  • How do you update the Bios safely when using onboard RAID mirror? Z87-G45

    How do you update the Bios safely when using onboard RAID with Z87-G45?   I'm using a simple two drive, RAID 1 mirror setup.
    I'm currently at bios 1.4, and want to move up.  However, last time I upgraded the BIOS, the machine rebooted with improper settings for the RAID (they get hosed during BIOS flash) and Windows decided to auto-repair the only boot drive it could see, one half of the mirror, because it couldn't see the RAID array correctly and *POOF*  bare-metal reinstall required.   
    My PC will not let me press the DEL key on bootup to access the bios, even with MSI Fast Boot not installed.  It just ignores the DEL key and tries to load windows which, if that happens, will flame-out my RAID array after a bios flash if I can't catch it to enable the RAID first before windows loads.
    I do not want to rebuild my PC again simply because I do a BIOS update.

    FYI: BIOS 1.4 & 1.8 are using the same RAID version: 12.7.0.1936
    based on this RAID surprise should not hapends.
    But as pandaz says if you have no issues, leave bios update alone.
    there are still risks something to messed up,
    best do a backup of your data just in case if you want to try latest version

  • Using just the TV screen when using HDMI port?

    Hi,
    I have the Macbook Pro with retina display and I was wondering how I could use just the TV screen when using HDMI port. I don't want mirroring displays, just one on the TV.

    With the TV connected and the MBP plugged into the mains (i.e. not running on battery power) close the lid.  The MBP will go to sleep, wake it up with an external keyboard or mouse - which must be connected in advance, or paired in advance if a bluetooth keyboard/mouse.

  • On G71-340US: very low volume when using DVD player, but OK when using Windows Media Player.

    Just purchased new laptop G71-340US.  Volume (at full tilt) is decent when using Windows Media Player, but when using DVD player, volume is so low I can't really hear volume on a movie unless room is completely quiet, and I am right in front of laptop. Any suggestions, or is it really this bad?

    I don't have the answer, but I certainly agree. The G71-340us is severly under powered in the audio department. You would think with the extra room in the 17in. chasis they could have put a sound system with a lot more power. Other than that it's a great machine.

  • TS4268 Does Iphone4 support Facetime Audio/Video using 3G? Or only when using Wifi?

    Does Iphone4 support Facetime Audio/Video using 3G? Or only when using Wifi?

    iPhone 4 does not support FaceTime over cellular, only Wi-Fi.
    You need iPhone 4S or later and also only if the carrier supports it, 

  • Using fade/appear transition in spry tabbed panels

    I've implemented the fade/appear transition into a spry
    tabbed panel set up. The effect works in that when one clicks on a
    tab, the content in that panel will "appear" in using a opacity
    transition.
    The problem I am encountering is a pre-load of the content..
    almost a flicker at 100% opacity... and then the transition from 0%
    to 100% resumes. This flicker effect or visible pre-load of the
    content really takes away from the effect of the transition.
    Does anyone know how to solve this or correct my set up?
    I'm using the following...
    <li class="TabbedPanelsTab"
    onclick="MM_effectAppearFade('fade-guestrooms', 1000, 0, 100,
    false)" tabindex="0" onfocus="this.blur()">GUEST
    ROOMS</li>

    Yes this was a tough one to pull off in Spry. I have worked up a solution that fades between the panels. Please have a look at the following post:
    http://blog.infrontweb.com/ajax/spry/spry-tabbed-panel-fade-transition/
    Good Luck

  • How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel?

    I have 5 of them all containing nested Apdiv within nested ApDivs (a long storie ) that I would like to insert into 5 tabs in the Spry Tabbed Panel.
    Please help.

    "Hi Gramp,I realize I have made hard work for myself but I really don't know any better. I also realize now that taking on this project may have been a mistake :-)I taught myself how to use the design side of Dream Weaver. These five ApDivs were created in the content area of the spry tool and it worked fine. (yes a lot of work though)For the first time I looked at the code side. I wanted to try to bring a peace of code from another page for something unrelated and when it didn't work I took it out and without noticing, deleting a line from the Spry tool.Of course like a classic newbe I was working without a backup copy so here I am. Loosing hours of tedious work and on the verve of tears :-)I do have some  questions though.  My APDiv
      What does "apDiv1" stands for and what does "My APDiv" stands for?Is the only thing I have to do is changing this line for my five ApDivs and paste it in the appropriate places in the code? Thanks again,Gilaad
    Date: Sat, 16 Jun 2012 20:39:07 -0600
    From: [email protected]
    To: [email protected]
    Subject: How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel? 
        Re: How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel? 
        created by Altruistic Gramps in Spry Framework for Ajax - View the full discussion 
    You have really made hard work for yourself by using APDiv's. I suppose it can be done, but I would not. To answer your question, I have create an example as per#apDiv1
    My APDiv
    Content 2
    Tab 1
    Gramps 
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4498679#4498679
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4498679#4498679. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Spry Framework for Ajax by email or at Adobe Forums
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Maybe you are looking for

  • Wierd Album Ordering With The New Artwork

    With the Artwork view (the middle one of the three)... When im playing music on shuffle, when the song skips to a particular song, it moves that song up to the top of the list of the songs for that album. So instead of having the tracks sorted by Alb

  • Physical query not accessing Fact Table/Column

    Hi, I'm facing a weired issue. I have a report with 32 columns. 22 columns are from 8 dimensions and 10 columns from 3 Facts. But while observing the Physical query. Its not touching 1 particular Column coming from 1 Fact Table. So, in the query only

  • Render video with Nvidia Gefore GTX 860m graphics card

    Is there a way to render video with my Nvidia Gefore GTX 860m graphics card in Premire Pro CS6? It's not on the list, and the option is grayed out.

  • HT4890 How do i get my pic fr icould back to phone?

    How do I get my old pic fr icould back to my phone?

  • Upgrade Business rules with Calc Manager

    Hello Gurus, Recently performed an upgrade from 11.1.1.3 to 11.1.2.2 by replicating the Database to a new database machine. I had Business rules in 11.1.1.3 and did not perform any steps to migrate the rules to Calculation manager in 11.1.2.2 The dou