Text in Spry Slideshow, not working in Explorer.

Hi,
I have attempted to search for a similar topic, but am not able to find anything.
I have input the spry slideshow into my page, and it is fully functional for safari, chrome, firefox, but seems like it is only not working in IE.
The text that is supposed to be showing up to the right of the images is not showing with IE.
I had read a couple things on opacity, or such but am not sure if it applies to the text as well.
www.i4homedesign.ca
This is the first time I have posted on this forum and am not sure if I need to be including anything else.
Thanks
i4homedesign.

Here is the code for the Spry Slideshow if it helps...
<link href="Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css" rel="stylesheet" type="text/css">
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script type="text/xml">

</script>
<style type="text/css">
a:link {
color: #FFF;
a:visited {
color: #CCC;
a:hover {
color: #999;
body,td,th {
font-family: "MS Serif", "New York", serif;
</style>
</HEAD>
<BODY text="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><br></td>
</tr>
<TABLE align="center" WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
    <TD ROWSPAN=2><IMG SRC="images/header_01.gif" WIDTH=22 HEIGHT=112 ALT=""></TD>
    <TD COLSPAN=3><IMG SRC="images/header_02.gif" WIDTH=959 HEIGHT=90 ALT=""></TD>
    <TD ROWSPAN=2><IMG SRC="images/header_03.gif" WIDTH=19 HEIGHT=112 ALT=""></TD>
</TR>
<TR>
    <TD><IMG SRC="images/header_04.gif" WIDTH=13 HEIGHT=22 ALT=""></TD>
    <TD><IMG SRC="images/header_05.gif" ALT="" WIDTH=929 HEIGHT=22 border="0" usemap="#Map"></TD>
    <TD><IMG SRC="images/header_06.gif" WIDTH=17 HEIGHT=22 ALT=""></TD>
</TR>
<TR>
    <TD COLSPAN=5><IMG SRC="images/header_07.gif" WIDTH=1000 HEIGHT=8 ALT=""></TD>
</TR>
</TABLE>
<table align="center" width="930" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td><br>
      <h1 align="center">SEE YOUR DREAMS BEFORE YOU BUILD</h1>
      <br>
      <div id="ImageSlideShow" align="center">
        <div class="article">
          <div class="photo"> <img src="Images/house-blueprint.jpg" width="370" height="247">
            <div class="caption">COMPREHENSIVE CONSTRUCTION DOCUMENTS</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">FULL WORKING PRINTS</div>
              <div class="subTitle">SOLID DESIGN</div>
            </div>
            <div class="content">
              <p>Framing and homebuilding experience.
                Incorporating both inspired creativity and practical design.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Home Render Image_1.png" width="1024" height="600">
            <div class="caption">LEADING EDGE 3D RENDERING</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">PHOTO REALISITC CAPABILITY</div>
              <div class="subTitle">LEADING EDGE RENDERINGS</div>
            </div>
            <div class="content">
              <p>Constantly seeking to be on the edge of new technology. Providing customers with comprehensive visualization of their home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Heyn Bathroom Thea 2 Bloom.png" width="1328" height="774">
            <div class="caption">COMPETITIVE RATES, PROMPT TIMELINES</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">COMPETITIVE RATES</div>
              <div class="subTitle">Reasonable timelines.</div>
            </div>
            <div class="content">
              <p>Providing exceptional service in every aspect of the design process of your home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Thea-Image-11097.gif" width="803" height="522">
            <div class="caption">INNOVATIVE DESIGN</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">INNOVATIVE DESIGN</div>
              </div>
            <div class="content">
              <p>Whether you're seeking a 'Ranch' house, 'Modern' two story, or 'Arts and Craft' bungalow or other style, we provide that "Little extra".</p>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
// BeginOAWidget_Instance_2141541: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
widgetClass: "WLBSlideShow",
displayInterval: 8000,
transitionDuration: 2000
// EndOAWidget_Instance_2141541
</script>
    <br>
      <H2 align="center">PREMIERE RESIDENTIAL DRAFTING COMPANY</H2>
      <h3 style="margin-left:200">- Based in the Peace Region.<br>
        - Comprehensive design process.<br>
        - Full working prints.<BR>
        - Leading edge 3D imaging/rendering.<BR>
      </h3>
      <P align="center"> </p></td>
</tr>
</table>

Similar Messages

Spry Slideshow not working on IE

Everything works perfectly for Safari but I am only getting a vertical menu with no slideshow on explorer. Any one know the solution.
Here is the page link: http://www.squ4remarketing.com/portfolio2.html
Thanks

You must have fixed it, works fine for me.
Gramps

Spry Image Slideshow does not work in Explorer

My spry image slideshow works fine in Safari and Firefox, but does not work in Explorer.
A small box shows up in IE 8, and absolutely nothing shows up in IE 7.
www.epaaudio.com
Any Suggestions?

How did you get your slideshow to play in Internet Explorer? I'm using the same slideshow on my new website and it plays fine in everything but IE versions. Here's a test page I'm working on... http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
I looked at the code for your page and didn't notice anything different on mine. But yours works... Let me know if you have any suggestions. Thanks!

Text messages ringtones are not working in the Storm Two

Device: Storm Two running OS version 5.0.0.713 on the Verizon Wireless network.
Recently, I upgraded from a Storm One to a Storm Two because of a multitude of issues with the Storm One; not enough memory, constant lock-ups; dropped calls, etc. On the Storm One I had customer ringtones for contacts; so when a contact calls me the phone will sound a specific ringtone for that contact; the same for text messages from that contact. Now that I have the Storm Two the text message tones for the contacts are not working. In fact, even when I select a ringtone for text messages for a contact the phone will ring the generic ringtone that comes with the phone. If I go into the sound profile and change the generic ringtone to one of my own and the contact sends me a text/sms message the phone will ring the ringtone that I selected in the profile that is being used at the time. This is not the way it worked on the Storm One. On the Storm One; if I have a specific ringtone for the contact and that contact sends me a text message it will sound the text messages tone for that contact. These ringtones have worked for previous devices including my Treo and Palm devices. The ringtone files worked well in the previous Storm One.
So to make a long story short; I want to know why my text message ringtones are not working as designed/setup-up. If a contact calls me the phone will sound the ringtone for that contact; but if that same contact text me it will not ring the ringtone for the contact. This is annoying and I am at my wits end trying to find out why this is not working.
Vernon

Hi Jain....
Field separator is for separating the fields.That means it will effect every field in the node.
But end separator is not like that.It will apply at the end ofall fields of a node.It will effect node not a field.
according to ur scenario if u use data.endseparator 'nl',output will come like this
2008/0701$101
2008/0701$102
2008/0701$103
2008/0702$105
if u want new line for every field try to insert a separate node for second field.That means
MT_DATATYPE:
Data -
1:UnBounded
. .OrderDate----
1:1
<Data2> 1:1
. ....OrderNo -
1:1
now give data.endseparator 'nl'
data2.endseparator 'nl'
if possible try like this....
Sreedhar Goud L

Why is my text messaging app is not working at all, is a blank screen? Help!!!

My text messaging app is not working at all is a blank screen when I open it! Help!!!

Abdussalam.A,
you mentioned that Terminal does not work at all for your MacBook Pro. What currently happens when you run Terminal? In what way does it not work?

My text messaging app is not working PLEASE HELP!!!

My text messaging app is not working at all is a blank screen when I open it! Help!!!

No its a well known bug with iphones caused by their over complication of things and their complacency that their users will buy the phones on looks alone irrespective of its basic functionality.
Suggestion 1 - The most common suggested solution seems to be: iMessage needs switched off on all your devices and switched back on after a rest. I found that this did NOT work.
Suggestion 2 - Having a Wi Fi Signal seems to confuse iMessage to send an SMS as a text or as an iMessage. Turn off WiFi on your phone and manually send as text message. Slow, I lnow!!
Suggestion 3 - Move away from any wifi source ie out of range.
Suggestion 4 - Send an email, or a letter. Its more personal!!
20 Minutes later - still not sent 2 short texts.
Apple are very complacent and disdainful of their user community. Not what Id expect but this is a global corporation with the same business ethics as an Oil company or a car company. Profit not function.

Javascript in web.show_doc not works in explorer version 6

Hi ,
I've requirements to open form B from form A using URL not call_form (the config parameters are not the same), but when I open form B using web.show_document I end up having the new form opened in a oversized web browser which also shows standard button and address bar.
To avoid that I tried using the examples I found on OTN, see below:
I try to run this examples found in OTN but they not work in Explorer version 6.
1) WHEN_BUTTON_PRESSED trigger contains:
begin
WEB.SHOW_DOCUMENT ('javascript:window.open("http://www.google.com","","fullscreen=no,titlebar=no,location=no,toolbar=no,menubar=no,status=no,resizable=yes");self.close()','_blank');
end;
2)POST_FORM trigger contains
web.show_document('Javascript:window.close()','_self');
Both do nothing and when I exit the form I get an empty black window, this is not acceptable in a production environment.
The POST-FORM trigger worked well with the pervious release of window explorer.
Thanks for your help

Hi Frank,
Many thanks,
the when-Button-pressed trigger of my Exit button contains the following code:
DECLARE
url_txt varchar2(1000);
BEGIN url_txt := 'http://servername/closing_window.htm';
WEB.SHOW_DOCUMENT(url_txt,'_self');
END;
The closing_window.htm is a simple page:
<html>
<HEAD>
<body onLoad="window.close();">
</html>
</HEAD>
Data in my form are already committed when I exit it.
How to commit is maybe an issue, in fact if I commit before calling the web.show_document the browser is not closed and a black window appears.
Thanks

Drag n Drop selected Text from Safari, chrome not working on indesign CC

In CS6 If we drag drop any selected text from any app on layout it work but in indesign cc it is working only with some app like TextEdit, notes etc. I knew that very few people have such use case but same is also not working from one of my cocoa app.
while debugging if i drop content from TextEdit and Notes app on some sample app I found that TextEdit & Notes App registered for this Extra Pasteboard type "com.adobe.indesign-import-ustl" and "com.adobe.indesign-import-styl" where as chrome and safari are not. similarly my app is registered only for "NSPasteboardTypeString" type. Is this is the limitation or bug of indesign?

Similar bug(#3710667) was exist in CC before 9.2.2 update as you can see in release notes of 9.2.2(CC last update) here. before fix simple selected text drag & drop did not work from any application except TextEdit .I have also spent hours before this update to find out bug I used ClipBoardViewer sample App to find out current Drop flavour and its content it may help you and before fix I find some workAround first is add flavour in your drop which Indesign understand even if you are not adding any data for that flavour so that you start receiving couldAcceptType() and under this call parse your actual data from PasteBoard and remove all data from pasteBoard so that another next helper will not consume it. as you mention even after adding text flavour your couldAcceptType() not hit so may be this WorkAround not work for you but it worked for me.
second is just a finding i.e before doing drag and drop on indesign create one new document (from Indesign UI not programmatically ) save it on disk close it and reopen it after it every drag & drop will start working work .

I upgraded to iso6.0.1 on 4s and now the battery runs out quickly and text sounds/music do not work. Please can someone help.

Help - I upgraded to iso6.0.1 and now the battery runs out quickly and the text and sound does not work! can anyone help me?
Thanks

Use the search box at the top of this page or look in the MORE LIKE THIS box to your right. If you can find your way to this forum, you certainly can manage a search.

Webmail is not working internet explore after installed sp3 exchange 2007 roll up 15

webmail is not working internet explore after installed sp3 exchange 2007 roll up 15 but mozill firefox webmail is working fine

Hi,
Does the issue happen to all users? What’s your IE version? Is there any error when you access OWA 2007 in IE?
Please click Compatibility View settings in your Internet Explorer. Then, add the OWA site to the list of sites to be viewed in compatibility view and check whether the issue persists.
Regards,
Winnie Liang
TechNet Community Support

I have an phone 4s from cricket and when i text non iphone users such as android or and other phone brand they receive my text message but when they reply i wont get there message. send imessages is working its just my text message that is not working.

i have an phone 4s from cricket and when i text non iphone users such as android or and other phone brand they receive my text message but when they reply i wont get there message. send imessages is working its just my text message that is not working.

You use Restore to get the latest firmware build, not the Update button. You can only use the Update button, if there is an iOS update, say iOS 5.1.
this link talks about updating to 9A406 to fix the "No Service" issue with iPhone 4S:
http://iphone-and-i.blogspot.com/2011/12/fixing-iphone-4s-signal-problem.html

I have acrobat pro on my lap top and recently installed acrobat pro on my Mac Mini, but the text recognition function is not working, does anyone have any advice on how to remedy this problem?

I have acrobat pro on my lap top and recently installed acrobat pro on my Mac Mini, but the text recognition function is not working, does anyone have any advice on how to remedy this problem?

On my laptop when I open up a pdf file and do a search for a particular
text phrase it prompts me to run a character analysis. Whereas on my mac
mini, when I try to engage the same process it just says it couldn't find
the phrase and doesn't even try and run a character analysis. I tried
clicking on the tool bar and the recognize text tab but nothing there seems
to do anything.
In trying to figure out the issue on my own I noticed one thing. I run a
small law firm in St. Louis and I scan in all my files to which are
subsequently emailed to my outlook account where I will save them as pdf's
to their respective folders. On my laptop when I open up an email from my
scanner I see the image of a acrobat document next to the attachment
paperclip symbol. However, when I open up the same email on my mac mini I
notice instead of an acrobat file image it shows a Preview file image (the
program used to open up pdf's before I installed acrobat).
Hope this helps!
Sincerely,
Jonathan McAllister

After upgrading to ios8 my 4s text dictation microphone does not work and is "greyed" out

After upgrading to ios8 my 4s text dictation microphone does not work and is "greyed" out. There is no function at all.

Ok I fixed the issue, turns out a couple of weeks ago, I downloaded a program that was suppose to help shrink some of your stuff to use less data, it was called Onavo. It was suppose to show you how much data you use to help keep you within your limits. If you have downloaded this, go through your settings and delete it and it will fix the problem. At least it did for me. I can now send photo's to non Iphone users via text no problem.

My VerticalTabs Spry widget not working - help

My HTML file:
<!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>
<style type="text/css">

</style>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/01-akcija-popust-seva-obelezavanje.png','images/01-Bezbe dnosno-obelezavanje.png')">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" top="0px">
<tr>
    <td>
    <div class="container">
<div class="sidebar1"> </div>
<div class="content">
<div id="wrap">
<div id="apDiv2" style="position: inherit; left: 151px; top: 0px; width: 1100px; height: 145px; z-index: auto"><img src="images/01-poslovno-obelezavanje-header.png" width="1100" height="145" alt="poslovno obelezavanje header"></div>
<div class="apDiv7" id="apDiv7" style="position: inherit; left: 135px; top: 145px; width: 1100px; height: 53px; z-index: auto"><a href="SEVA-PORTAL.html">ŠEVA-PORTAL</a> | <a href="#" target="_self">Početna strana</a> | <a href="O-nama.html">O nama</a> | <a href="01-Reference.html">Reference</a> | <a href="Kontakt.html">Kontakt</a> | <a href="01-Kako-do-nas.html">Kako nas naći</a></div>
<div id="TabbedPanels1" class="VTabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0"><img src="images/01-Glavni-spoljni-natpis.png" name="Image2" width="240" height="163" border="0" id="Image2" /></li>
      <li class="TabbedPanelsTab" tabindex="10"><img src="images/01-Spoljni-putokazi.png" name="Image3" width="240" height="163" border="0" id="Image3" /></li>
      <li class="TabbedPanelsTab" tabindex="20"><img src="images/01-Centralna-INFO-tabla.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="30"><img src="images/01-Spratna-INFO-tabla.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="40"><img src="images/01-Unutrasnji-putokazi.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="50"><img src="images/01-Obelezja-prostorija.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="60"><img src="images/01-Oglasne-table-i-vitirine.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="70"><img src="images/01-Ostale-oznake.png" width="240" height="163" /></li>
      <li class="TabbedPanelsTab" tabindex="90"><img src="images/01-Bezbednosno-obelezavanje.png" width="240" height="188" /></li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">
        <div id="apDiv1" style="position: fixed; left: 661px; top: 209px; width: 361px; height: 51px; z-index: auto"><img src="images/02-Glavni-spoljni-natpis.png" width="361" height="51" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake" /></div>
      </div>
      <div class="TabbedPanelsContent">
        <div id="apDiv1" style="position: fixed; left: 698px; top: 211px; width: 287px; height: 40px; z-index: 1"><img src="images/03-Spoljni-putokazi.png" width="287" height="40" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake, srbija" /></div>
      </div>
      <div class="TabbedPanelsContent">Content 3</div>
      <div class="TabbedPanelsContent">Content 4</div>
      <div class="TabbedPanelsContent">Content 5</div>
      <div class="TabbedPanelsContent">Content 6</div>
      <div class="TabbedPanelsContent">Content 7</div>
      <div class="TabbedPanelsContent">Content 8</div>
      <div class="TabbedPanelsContent">Content 9</div>
    </div>
</div>
</div>
</div>
<div class="sidebar2">
</div>
</div>
    </td>
</tr>
</table>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
and my modified SpryTabs CSS file is:
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container. For our
* default style, this container does not contribute anything visually,
* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container, to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
* If you want to constrain the width of the TabbedPanels widget, set a
* width on the TabbedPanels container. By default, the TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
.TabbedPanels {
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     clear: none;
     width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
/* This is the selector for the TabGroup. The TabGroup container houses
* all of the tab buttons for each tabbed panel in the widget. This container
* does not contribute anything visually to the look of the widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
     margin: 0px;
     padding-left: 10px;
/* This is the selector for the TabbedPanelsTab. This container houses
* the title for the panel. This is also the tab "button" that the user clicks
* on to activate the corresponding content panel so that it appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1 pixel down from
* where it wold normally render. This allows each tab to overlap the content
* panel that renders below it. Each tab is rendered with a 1 pixel bottom
* border that has a color that matches the top border of the current content
* panel. This gives the appearance that the tab is being drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this selector is not
* necessary to make the widget function. You can use any class name you want
* to style this tab container.
.TabbedPanelsTab {
     position: relative;
     float: left;
     background-color: #FFF;
     list-style: none;
     -moz-user-select: none;
     -khtml-user-select: none;
     cursor: pointer;
     width: 240px;
     margin-bottom: 10px;
/* This selector is an example of how to change the appearnce of a tab button
* container as the mouse enters it. The class "TabbedPanelsTabHover" is
* programatically added and removed from the tab element as the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
     background-color: #CCC;
/* This selector is an example of how to change the appearance of a tab button
* container after the user has clicked on it to activate a content panel.
* The class "TabbedPanelsTabSelected" is programatically added and removed
* from the tab element as the user clicks on the tab button containers in
* the widget.
* As mentioned above, for our default style, tab buttons are positioned
* 1 pixel down from where it would normally render. When the tab button is
* selected, we change its bottom border to match the background color of the
* content panel so that it looks like the tab is part of the content panel.
.TabbedPanelsTabSelected {
     background-color: #EEE;
     border-bottom: 1px solid #EEE;
/* This selector is an example of how to make a link inside of a tab button
* look like normal text. Users may want to use links inside of a tab button
* so that when it gets focus, the text *inside* the tab button gets a focus
* ring around it, instead of the focus ring around the entire tab.
.TabbedPanelsTab a {
     color: black;
     text-decoration: none;
/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
     clear: both;
     border-bottom: solid 1px #CCC;
     border-top: solid 1px #999;
     border-right: solid 1px #999;
     background-color: #EEE;
     padding-left: 11px;
     height: auto;
     width: auto;
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
.TabbedPanelsContent {
     overflow: hidden;
     padding: 0px;
/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
     background-image: url(../images/01-Pocetna-strana_23.png);
     background-repeat: repeat-y;
     background-position: left top;
     height: auto;
     width: auto;
     padding-left: 11px;
/* Vertical Tabbed Panels
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
.VTabbedPanels {
     overflow: hidden;
     zoom: 1;
/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
     float: left;
     width: 240px;
     height: auto;
     background-color: #FFF;
     position: relative;
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
.VTabbedPanels .TabbedPanelsTab {
     float: none;
     /* [disabled]border-top: none; */
     /* [disabled]border-left: none; */
     /* [disabled]border-right: none; */
     height: auto;
     width: 240px;
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
     background-color: #FFF;
     width: 240px;
     height: auto;
/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
     clear: none;
     float: left;
     padding: 0px;
     width: auto;
     height: auto;
/* Styles for Printing */
@media print {
.TabbedPanels {
     overflow: visible !important;
.TabbedPanelsContentGroup {
     display: block !important;
     overflow: visible !important;
     height: auto !important;
.TabbedPanelsContent {
     overflow: visible !important;
     display: block !important;
     clear:both !important;
.TabbedPanelsTab {
      overflow: visible !important;
      display: block !important;
      clear:both !important;
I got preview in any browser OK, like I wanted but clicking on tabs not working and they not switching content per each tab. I maked tabindexes: 0, 10, 20,30, 40, 50, 60, 70, 80, 90 and nothing works.
Where is problem?

But the tabs do work and the content does show!
Clicking the first two tabs causes the content to fly over to the right, outside of the content panel, exactly as the style rules tell it to.
Clicking the other 7 tabs causes the content to show aligned to the left within the content panel, again as per the style rules.
The total height of the tabs is 882 px including the bottom margins.
The height of the content panels varies with the content, in case of the first two tabs there is no content contained within the content panel thus the height is zero; of the remaining content panels the height is about 1.5x the height of one line.
In other words there are no surprises except for the fact that it would have been better not to have used the SpryTabbedPanels widget for this.
Of course I am supposing that you have changed the personality of the TabbedPanel widget on purpose.
If this is not the case then a good start will be
to get rid of the modified SpryTabbedPanels.css and re-instate the original.
to get rid of the all of the apDiv's including those inside the content panel.
to reduce the overall height of the tabs to a manageable height by reducing the height of the images.
Gramps

Spry validation not working in IE9

I am using DW CS5.5 and have a form on a PHP page and have set spry validation for 2 text fields and a textarea.
Also using CAPTCHA on the form.
The 2 text fields are a simple required validation and the textarea is required plus a max character validation
It works in Firefox, Chrome, Safari, Opera, and IE Compatibility View, but does not work in IE9.
The CAPTCHA works in IE9 and all other browsers but can't get the spry validation to work.
Here is the page
http://www.fandapartyrentals.com/testimonials.php

altruistic gramps wrote:
It is up to you, you could remove the counter; personally I would leave it there because once the focus has moved from the text area, the number of (remaining) words will show.
Another solution is to force IE8 standards document mode as in
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<title>My webpage</title>
</head>
The problem with the above is that the rendering will also follow IE8 mode.
Gramps
Thanks for your help,
I used the meta tag to emulate IE8 and it works as needed.

Text in Spry Slideshow, not working in Explorer.

Similar Messages

Maybe you are looking for