Spry Tabbed Pannel Trouble

Sorry for the newbie question, but I'm really in a bind right
now. I am using a spry tabbed pannel on my company's website that
I'm in the process of designing, and yesterday it worked perfectly.
At the end of the day yesterday, I did something and I'm not sure
what did it exactly, and now when I test it in the browser, I click
on one tab it shows me the contents of the wrong tab.
To try and paint a picture, I work for a small communications
company/ISP, so I have tabs for "home" "internet" "telus mobility"
"bell expressvu" "products" "about us".
Everything works left of "telus mobility". Once I click on
the telus one, it comes up blank. When I click on "bell expressvu"
the telus page comes up. When I click on "products" it comes up
blank. When I click on "About us" the telus page comes up.
I've tried making a new page and copying and pasting the
contents of the screwed up tab, but that just came up with the same
problems, so I'm thinking the problem is with the contents, and not
necessarily the CSS coding, but then again, I'm a total newbie and
I could be way off base. If anyone has any ideas I'm totally open
to hearing them. If you want to look at the page, I'd be happy to
send you the root folder.
I guess another option for me would be to just write the
whole page out again, which I guess wouldn't be the end of the
world, and might be faster. I was just hoping someone might have
had this problem before and knows what to do.
Thanks so much in advance.
-caleb

Post a link to the page, please.
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
==================
"calskin" <[email protected]> wrote in
message
news:fp4ive$b0i$[email protected]..
> Sorry for the newbie question, but I'm really in a bind
right now. I am
> using
> a spry tabbed pannel on my company's website that I'm in
the process of
> designing, and yesterday it worked perfectly. At the end
of the day
> yesterday,
> I did something and I'm not sure what did it exactly,
and now when I test
> it in
> the browser, I click on one tab it shows me the contents
of the wrong tab.
>
> To try and paint a picture, I work for a small
communications company/ISP,
> so
> I have tabs for "home" "internet" "telus mobility" "bell
expressvu"
> "products"
> "about us".
>
> Everything works left of "telus mobility". Once I click
on the telus one,
> it
> comes up blank. When I click on "bell expressvu" the
telus page comes up.
> When I click on "products" it comes up blank. When I
click on "About us"
> the
> telus page comes up.
>
> I've tried making a new page and copying and pasting the
contents of the
> screwed up tab, but that just came up with the same
problems, so I'm
> thinking
> the problem is with the contents, and not necessarily
the CSS coding, but
> then
> again, I'm a total newbie and I could be way off base.
If anyone has any
> ideas
> I'm totally open to hearing them. If you want to look at
the page, I'd be
> happy to send you the root folder.
>
> I guess another option for me would be to just write the
whole page out
> again,
> which I guess wouldn't be the end of the world, and
might be faster. I
> was
> just hoping someone might have had this problem before
and knows what to
> do.
>
> Thanks so much in advance.
>
> -caleb
>

Similar Messages

  • Spry tabbed pannels

    How do i make spry tabbed pannels automaticaly switch between tabbed panels every few seconds?

    http://forums.adobe.com/thread/119099

  • Spry Tabbed Pannels - Moving the tabs down

    I am trying to learn Spry tabbed pannels. i opened dreamweaver and inserted a div and then a spry tabbed pannels into the div.
    How do i move the tab 1, tab 2 ect.. down so its not above the changing content but rather hovering over it.
    I am trying to create a simple efect where when you press each tab, it changes the picture, but i want the buttons to hover over the picture.
    thank you in advance

    Ok but to make that specific modification, what style sheet do i edit? spry creates several

  • Spry tab pannel with safari

    in our asp.net application we are using spry tabbed panel and
    rad(telerik) ajax manager.
    there are some images and on image click the respective
    datalist will be populated the data display is done by using
    partial post back.
    Its working fine in ie6,ie7 firefox But not working in safari
    3.1.1.
    the loading image keeps loading without any data display.
    Its real urgent so if anybody can please help me out.

    Exactly the same problem, but in Safari 3.04
    If anyone know...please help
    Tha

  • Display Issue with Spry Tabbed Pannel

    Please help!  I have been reading discussions for hours and still cannot figure out why my tabbed panel will not display properly in firefox or iexplorer.  It looks correct in design mode in cs5 and in browser check.  Here is the URL http://www.rrsfoodservice.com/indextest2.html.  Any help is appreciated.
    Stephanie

    I have had another look at your page.
    It seems like you haven't got round to uploading those spry files yet or are you having some other trouble.
    I checked your page in the validator again and came accross this:
       <!-- Begin Vista-Buttons.com -->
        <link href="library/RRS_NavMenu-files/styles_um4yi.css" type="text/css" rel="stylesheet"/>
        <style type="text/css">
        A#vbUL_um4yia{display:none}
        </style>
        <!-- End Vista-Buttons.com -->
        </head>
        <body>
        <!-- Begin Vista-Buttons.com -->
    I suspect that's a bit of careless cutting and pasting?
    Martin

  • Spry Tabbed Pannels issue: adding new divs disrupting widget

    I am having issues adding divs to the existing html framework of the .TabbedPannel div. Once I add additional divs, the content for each individual tab is displayed in one long pannel. I think once I added the new divs, the javascript was messed up. I'm a newb when it comes to javascript. does someone have advice for this issue?
    Note, once I added the ".b" ".l" ".r" class divs, the pannels got all messed up.

    Hi,
    As you are already aware, this is where it goes wrong:
           <div class="TabbedPanelsContentGroup" >
            <div class="b"><div class="l"><div class="r">
             <div class="TabbedPanelsContent" id="derek">
    If you want to assign different CSS rules to your content-panel, then why not apply those rules as follows:
           <div class="TabbedPanelsContentGroup" >
            <div class="TabbedPanelsContent b l r" id="derek">
    Also you can apply CSS rules within the TabbedPanelsContent-div to suit your needs.
    I hope this helps.
    Ben

  • Spry Tabbed Pannels With Button - Button Breaks When Trying To Make Horizontal Aligned, Plz Help!

    I use Spry Panels with buttons in it.
    These buttons work like a charm and show from top to bottom. Never had problems.
    But now i wanted to make a variation, where these buttons go from left to right. So i tryd making them horizontally but without succes.
    I did got them horizontally but then the button-code wont work...
    Can anyone plz take a look and tell me how to get these horizontally?
    My efforts so far broke the code of the buttons.
    The original VTabbedPanels Code;
    [code]
    <div id="TabbedPanels1" class="VTabbedPanels">
      <ul class="TabbedPanelsTabGroup">           
          <div class="TabbedPanelsTab" >
            <table class="Button" >
              <tr>
                <td style="padding-right:0px" title ="Home"><a href="#" title="Info" style="background-image:url(Buttons/Home.png);width:172px;height:75px;display:block;"><br />
                </a></td>
              </tr>
            </table>
          </div>   
          <div class="TabbedPanelsTab" >
            <table class="Button" >
              <tr>
                <td style="padding-right:0px" title ="Info"><a href="javascript:TabbedPanels1.showPanel(2);" title="Info" style="background-image:url(Buttons/Info.png);width:172px;height:75px;display:block;"><br />
                </a></td>
             </tr>
            </table>
          </div>
          <div class="TabbedPanelsTab" >
            <table class="Button" >
              <tr>
                <td style="padding-right:0px" title ="Gallerij"><a href="javascript:TabbedPanels1.showPanel(3);" title="Gallerij" style="background-image:url(Buttons/Gallerij.png);width:172px;height:75px;display:block;" ><br/>
                </a></td>
              </tr>
            </table>
          </div>
          <div class="TabbedPanelsTab" >
            <table class="Button" >
              <tr>
                <td style="padding-right:0px" title ="Contact"><a href="javascript:TabbedPanels1.showPanel(4);" title="Contact" style="background-image:url(Buttons/Contact.png);width:172px;height:75px;display:block;"> <br/>
                </a></td>
              </tr>
            </table>
          </div>
    [/code]
    All i want is these buttons in a horizontal configuration inst of vertical.
    I left unneccesary code, if you need the complete code plz ask and ill post it.
    Plz tell me what needs to be done to get this horizontal without broken buttons.

    The removing of the V didnt work.
    The following code makes the buttons horizontally, but breaks function of the button code, so buttons wont work anymore.
    EDIT: The buttons do move from up - down state but links are broken. Code doesnt open tab content.
    <div id="TabbedPanels1" class="TabbedPanels">
                <ul class="TabbedPanelsTabGroup">
          <div class="TabbedPanelsTab" >
            <table class="Button" >
              <tr>
                <td style="padding-right:0px" title ="Home"><a href="#" title="Info" style="background-image:url(Buttons/Home.png);width:172px;height:75px;display:block;"><br /></a>
                </td>
                <td style="padding-right:0px" title ="Info"><a href="javascript:TabbedPanels1.showPanel(2);" title="Info" style="background-image:url(Buttons/Info.png);width:172px;height:75px;display:block;"><br /></a>
                </td>
                <td style="padding-right:0px" title ="Gallerij"><a href="javascript:TabbedPanels1.showPanel(3);" title="Gallerij" style="background-image:url(Buttons/Gallerij.png);width:172px;height:75px;display:block;" ><br/></a>
                </td>
                <td style="padding-right:0px" title ="Contact"><a href="javascript:TabbedPanels1.showPanel(4);" title="Contact" style="background-image:url(Buttons/Contact.png);width:172px;height:75px;display:block;"> <br/></a>
                </td>
              </tr>
            </table>
          </div>
    Can someone explain why the button code doesnt work anymore?
    Bec i really dont have a clue.

  • Spry tabbed panel trouble

    Here's the link:
    http://www.progressity.com/NewEdVentureGroup/
    I've uploaded the entire site but for some reason the css for
    the tabbed panel loses its link (I guess). Everything works fine
    when viewed locally.

    The path to the SpryAssets folder seems to be bad. It is
    pointing up 2 levels when there is only one level about where that
    page is (ie: ../../) when it looks like it should be
    SpryAssets/SpryTabbedPanels.css because the folder is below the
    NewEdVenture folder, not above it as the path suggests.

  • Spry tabbed pannels not working on iexplore 9 firefox 5 and others

    Hi I have this website http://www.vlahell.com/vph and does not displays correct on many web browsers. Sometimes the last block goes down.
    On Internet Explorer 6 , 7, 8 it's ok but on version 9 none.
    Also Firefox 5  , 7 not good but on firefox 8 it's ok. Anything obscure going on here?
    Also if possible the validator says tabindex does not exist; and the blue container at the bottom is unable to move to the left, even using the negative margin.
    Thanks in advance.
    Sincerely Vladimir Orona
    CEO http://www.vlahell.com

    You pointed in the right direction. I Changed the width, so now looks very close to each other; the container moved to the right, then I removed the border and now it's pretty equal on different navigators.
    Still bugs on iexplore 9, but it's minimal. Offset of 5px, but It's ok.
    Thanks

  • Spry tabbed panel- align tabbs to the right? is it possible?

    Hi ,
    I'm working on CS4 and implimented spry tabbed pannel in my site, which is in hebrew-from right to left. how do I change the tabbed pannels to be from r-t-l and not as default?
    Thanx,
    Adi

    Hi,
    Thanks for your response.
    he issue is that I need the Tabs-to strat on the right side , instead of the left side.
    the above solution didn't help....
    do you have another idea on getting it to work?
    Thanks!

  • Spry Tab as a link problem

    Hi All,
    this is hopefully a simple thing to fix but I've spend nearly two days messing with it and I'm stumped. I've had a fairly good look on the forums, on the net in general and even some IRC channels but to no avail. If theres a thread on the form I've missed please let me know. Basicall I'm using a spry tabbed pannel with 8 main links in it. Two of these, the first and the sixth I want to be a link themslves, ie they don't have any sub panel below. the first one is a "HOME" buttom that brings you to the home page and the sixth one is to ring you to a different page altogher, off site. here is the code i've been using so far ( for simplicity, I'll just put up a condnsed link version without the sub pannel stuff)
              <ul class="TabbedPanelsTabGroup">
                <li class="TabbedPanelsTab" tabindex="0"><a href="http://google.com/">HOME</a></li>
                <li class="TabbedPanelsTab" tabindex="1">Admin</li>
                <li class="TabbedPanelsTab" tabindex="2">school</li>
                <li class="TabbedPanelsTab" tabindex="3">Randomness</li>
                <li class="TabbedPanelsTab" tabindex="4">Shop</li>
                <li class="TabbedPanelsTab" tabindex="5">IBU</li>
                <li class="TabbedPanelsTab" tabindex="6">Holidays</li>
                <li class="TabbedPanelsTab" tabindex="7">Links</li>
              </ul>
              <div class="TabbedPanelsContentGroup">
                <div class="TabbedPanelsContent">
                </div>
    When I click on the first tab, HOME nothing happens. The browser knows its a link but wont follow it, only if i right click and choose open in new tab/page will it follow the link.
    Any suggestion, I'v tryed a lot of different possible solution al to no avail, shurly it should't be this difficult to do such a simple thing?
    Any and all help would be appreciated.

    Try
    <li class="TabbedPanelsTab" tabindex="0"><a href="http://google.com/" onClick="window.location = this.href; return false;">HOME</a></li>

  • Implimenting spry tabbed panel auto rotate

    Hello, Im trying to impliment the JS code on the site below with regards to my spry tabbed pannels.
    http://www.shinarp.com/SprySamples/tabbedpanels/tabbed_panel_sample3.h tm
    I downloaded the file at http://www.shinarp.com/SprySamples/tabbedpanels/tabbed_panel_sample3_f iles/SpryTabbedPanelsExtensions.js and placed it in the root directory of my website.
    To make this active, do i have to imbed the code from the first site into the HTML of the page with my tabbed panels? Here is the code:
    <script language="JavaScript" type="text/javascript" src="../../widgets/tabbedpanels/SpryTabbedPanels.js"></script>
    <script language="JavaScript" type="text/javascript" src="../../widgets/tabbedpanels/SpryTabbedPanelsExtensions.js"></script>
    <script language="JavaScript" type="text/javascript">
    // Create the widget, and specify what interval you want
    // to use when cycling through the panels.
    var tp1 = new Spry.Widget.TabbedPanels("TabbedPanels1", { interval: 3000 });
    // Start showing panels at regular intervals.
    tp1.start();
    </script>

    Starting with a blank document, add the SpryTabbedPanels widget.
    Ensuring that you have both SpryEffects.js and SpryTabbedPanelsExtensions.js in your SpryAssets folder, add a link to both of these files.
    Then modify the selector to add the interval and a trigger to start the animation.
    Your document should look like the following where the changes to the out-of-the-box widget have been highlighted.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
    </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 src="SpryAssets/SpryTabbedPanels.js"></script>
    <script src="SpryAssets/SpryEffects.js"></script>
    <script src="SpryAssets/SpryTabbedPanelsExtensions.js"></script>
    <script>
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", { interval: 3000 });
    TabbedPanels1.start();
    </script>
    </body>
    </html>

  • Spry Tab Backgrounds

    I am trying to adjust my spry tabbed pannel so that each tab has a different background image, is this possible?
    Thanks in advance

    Try
    <li class="TabbedPanelsTab" tabindex="0"><img src="png/chat.png"></li>
    <li class="TabbedPanelsTab" tabindex="0"><img src="png/ipod.png"></li>
    which in my case gives me
    Gramps

  • Dreamweaver CS6 Spry Tab Error Message

    I have an ongoing website that i have been working on for some time.
    It consists of mostly tabbed pannels.
    Out of the blue it wont let me create another spry tabbed pannel... I get two pop up mesages
    When I select "NO" the next screen pops up.
    I have NO clue as to what it is trying to tell me or what to look for. Can anyone give a hand?
    Thanks
    Rick

    Thanks for the reply Ben... The link is as follows:
    http://pacificlaser.com/const.html
    I am trying to add content (like all the others) to the Midrange Grade Lasers tab.
    When I click the add spry tab panel, the above errors pop up.
    Thanks for looking fellow SR  

  • Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

    Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
    This started all of a sudden.
    The entire website is a series of spry tabbed panels.
    http://pacificlaser.com/const.html
    if you click on General construction tab things work ok...
    if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
    ive been looking for the answer for 4 months with no success.
    Hope a fellow dreamwever-person can help
    Thanks Rick

    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

Maybe you are looking for

  • 2 iCloud accounts on one computer?

    CAN YOU HAVE TWO ICLOUD ACCOUNTS ON 1 COMPUTER?

  • Music on External Hard Drive

    Like many people I store my music files on an external hard drive to prevent my Mac hard drive from filling up. However I find iTunes doesn't keep the settings for the drive in preferences (as a library location) and reverting to users/[username]/mus

  • Restore from Recovery DVD fails

    I am working on a customers Qosmio QF10-100, the original 60gb Fujitsu hard drive of which was failing as confirmed by a chkdsk -r on the drive and the amount of files repaired. Although the laptop booted after a repair lots of programs would not run

  • JTable configuration!! URGENT HELP

    The table is being constructed dynamically and can change many times during the running time of the application. What kind of constructor can I use and is there any website where I can examples of this? Appreciate your help.

  • Process.getRuntime problem

    Hi, I have a written a command line program (GeneratePDF) which generates PDF. I am calling this program from another Java Bean (ViewPDF) in my JSP application to generate PDF. To do so, I called the program as below. String commandJava = "java -Xms2