Help with Spry Content Slideshow

Hi,  I like the new widget browser and how easy it makes adding widgets in dreamweaver, Top marks to the developers.
I have been having a play around with the spry content slideshow, with the possibility of using it on a small business website I am working on.  I have managed to alter the width and height of the widget and everything looks and works great.  I was however wondering how I would go about adding say a 250w x 80h logo above the banner on each slide, which would also require that the banner and story be lowered slightly.
Thanks in advance for any help anyone can offer with this.

I was just playing with Spry Content Slideshow earlier, and conveniently still have it open, so I'll give this one a shot, too. It looks like you've got two options embed a "logo bar" of some sort inside the the Slideshow, or (the easier method) wrap the Slideshow in another container. I just used a single banner image.
I gave embedding a try and placed a <div class="logo"><img/></div> before the first article, but the JavaScript overrode this, and added a new article. Moving this construct inside the first article created a fairly nice banner, keeping the rounded corners at the top. The construct, however, will need to be added to each article. I didn't like that too much, but it's just a personal preference.
The easy way (?) would be a wrapper, such as <div class="logo"><img /><div id="theSlideshow">...</div></div>, then style the ".logo" class as needed, maybe even copying portions of the style from ".WLBSlideShow" in "wanderlust-brown.css" for the rounded corners, and maybe giving ".logo" additional "padding-bottom" and ".WLBSlideShow" a negative "margin-top", to overlap the bottom of the logo area. Localized CSS modifications (placed after the linked CSS) might be something like the following?
.logo { background-color: #491e16; width:700px; border: solid 1px #39312e; -webkit-border-radius: 7px; background-color: #491e16; -moz-box-shadow: 5px 5px 10px gray; -webkit-box-shadow: 5px 5px 10px gray; box-shadow: 5px 5px 10px gray; } .logo img { width:100%; height:100px; padding-bottom:40px; } .WLBSlideShow { margin-top:-60px; margin-left:-1px; } 
If you'd like to see the first method, I can put that up, but the HTML is a bit repetitive.
Hope this helps. If not you maybe someone!
Richard

Similar Messages

  • Spry Content Slideshow buttons with IE8?

    Hi,
    Trying out the Spry Content Slideshow (Wanderlust Theme) 1.0. I insterted a link for one of the default buttons and it works in Firefox but not in IE8. On hover over or clicking does nothing.
    <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <a href="http://www.yahoo.com">
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </a> </div>
    Am I missing something?
    Thanks,
    Mike

    Apply an onclick event to the link, for example instead of
    <a href="../04Education/first.html">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
                </a>
    use
    <a href="../04Education/first.html" onclick="window.location = this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
                </a>
    Gramps

  • Spry Content Slideshow (Wonderlust) behaving strangely in IE7

    Hey all,
    I am building a page  which uses the Spry Content Slideshow - it renders nicely in Firefox, Chrome, and IE8 - but in IE7 the content to the right of the rotating slide show images "flickers" - that is, it flickers in and out, based on movement of the mouse pointer over it.
    Here is a link to the page: https://www.drmyattswellnessclub.com/New Website/indexTEST.html
    Has anyone seen this before and does anyone have a fix for this strange behavior?
    Any help will be gratefully received!
    Mark

    I have corrected a bunch of the "errors" that it found - even adding alt tags to transparent spaceholder gifs and the like.
    No comment
    Others of the errors seem to make no sense - as might be expected of an automated checker - and yet others are in places that should make no difference to the function of the spry slideshow but could screw up the functionality of other features on the page if "corrected".
    I have taken the liberty to abduct your slideshow and place it in a friendly environment, Please be free to check on its health here http://pleysier.com.au/wellness/
    Now I'm at the point where tweaking the code to try to please the validator is running me around in circles...
    If you think that it is merely a matter of pleasing the validator, you are in for a surprise
    Unless there is some relatively straight-forward correction for the funky behavior of this slideshow thing in IE7 I'm just going to move on - my boss is getting impatient - and I'll find something else that ~does~ work...
    Mmmm....!
    If I were a html/css expert I would have written this thing clean in the first place - but I'm not; I'm just a poor boob that made the mistake of addmitting to have once hand-coded a website from scratch back in the dinosaur-days of the mid 1990's - and so I got tasked with upgrading this website "cause you know all about that kind of stuff!"
    Down under we call that foot-in-mouth disease.
    Frustrated...
    I hope that the lighthearted comments above have relieved the tension. If you have any more Spry related problems, please do not hesitate to return here.
    Gramps

  • Problem inserting Spry Content Slideshow (Wanderlust theme) Widget

    Modified widget dimensions, headers and copy to fit within designated area on website home page.
    Looks great in live view.  Cannot make widget work however.  Here's a live link...
    http://www.banners4churches.com/current/banners/cloth.php
    Any suggestions??????  Thanks for your help.
    Mike
    (FILE NAME) SpryContentSlideshow_b4c.xml
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Spry Content Slideshow Wanderlust : &lt;default&gt;</title>
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    </head>
    <body>
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"><img src="BannerStand_promo2.jpg" width="305" height="266" alt="bstcombo">
    <div class="caption">Retractable™ Stand Combo</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">EXCLUSIVELY from Banners4Churches!</div>
            <div class="subTitle">available with YOUR CHOICE from 1000's of DZINE! images</div>
          </div>
          <div class="content">
            <p>Select any image and have our designers customize it for you! Or if you already have your design, simply send us your files, and we'll print it for you!!</p>
           <a href="../current/stands/retractable_stands.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"><img src="cmasBanner_promo2.jpg" width="305" height="266" alt="cmaspromo">
    <div class="caption">Seasonal Banners</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">1000's of NEW Images!</div>
            <div class="subTitle">now available for YOUR Special Program</div>
          </div>
          <div class="content">
            <p>Make your order plans NOW for the Christmas season. Our designers can create a DZINE! that will perfectly match your program theme!!</p>
           <a href="http://www.banners4churches.com/banners/list.php?category[]=holidays_events" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
    <div class="article">
        <div class="photo"><img src="fwd_promo2.jpg" width="305" height="266" alt="fwdpromo">
    <div class="caption">Fabric Wall Decal</div>
    </div>
        <div class="story">
          <div class="banner">
            <div class="title">Revolutionary NEW Product!</div>
            <div class="subTitle">applies to virtually EVERY surface AND is transferable</div>
          </div>
          <div class="content">
            <p>Adheres securely to masonry, drywall, wood and ABSOLUTELYwill not harm walls or leave behind tacky residue!! Want more amazing - YOU CAN MOVE Your DZINE!!</p>
           <a href="../current/banners/fabric_walldecals.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"><img src="78Banner_promo2.jpg" width="305" height="266" alt="78promo">
    <div class="caption">Available in English or español!</div>
    </div>
        <div class="story">
          <div class="banner">
            <div class="title">CUSTOM CHURCH BANNERS!</div>
            <div class="subTitle">are EASY to order and offer 1000's of options</div>
          </div>
          <div class="content">
            <p>With access to nearly every translation of the Bible, our team of designers can help you create the perfect church banner. Our speciality is making custom banners for your church!!</p>
           <a href="http://www.banners4churches.com/banners/list.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
          </div>
    </a>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
              widgetClass: "WLBSlideShow",
              displayInterval: 4000,
              transitionDuration: 2000
    </script>
    </body>
    </html>

    Gramps,
    Here's the current web page without the widget...
    www.banners4churches.com
    Here's the page with the troublesome code (about half way down)...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html><!-- InstanceBegin template="/Templates/skin_2007_sidebar_home.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>America's Church Banner SuperStore - Custom Church Banners, Church Signs, Church Posters & Inspirational Products</title>
    <meta name="verify-v1" content="cXasDZPTFX8DJZSEnchZANj/+z+XD9m8VyhCNhHjTOE=" />
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="Keywords" -->
    <meta name="Keywords" content="church banners,church banner,cloth church banners,fabric church banners,praise banners,worship banners,religious banners,religious banner,christian banners,christian banner,church worship,church christian,catholic church,fabric banners,church posters,inspirational church banners, thanksgiving banners, christmas banners, vacation bible school banners, holiday banners, outreach banners" />
    <meta name="description" content="Church Banner Superstore for custom cloth church banners, custom vinyl church banners, pre-designed Church Banners plus church banners for praise, worship and church outreach ministries. Avilable in English and Spanish with Fast, Secure ordering 24 hours a day, Fast Service & Low Prices.">
    <meta name="robots" content="index,follow"> <!-Banners4Churches.com - America's Church Superstore for Religious Banners and Signs for praise, worship and church outreach ministries. -->
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script language="JavaScript" type="text/javascript" src="/jsx/com/gorad/lang/use.js"></script>
    <script language="javascript" type="text/javascript" src="/_ui/2007/js/_parent.js"></script>
    <script language="javascript" type="text/javascript" src="/_ui/2007/js/security.js"></script>
    <script type="text/javascript">
    function visualSearchZoom(id,mode) {
              var settings = 'status=no,toolbar=no,location=no,menubar=no,directores=no,resizable=yes,scrollbars=auto' ;
              if(mode=='horizontal') {
                        settings = settings+',height=315,width=532';
              if(mode=='vertical') {
                        settings = settings+',height=565,width=232';
              var zoomWindow = window.open("/banners/zoom.php?image="+id+'&mode='+mode,"zoomWindow",settings);
    </script>
    <!-- InstanceBeginEditable name="Javascript" --><!-- InstanceEndEditable -->
    <script type="text/javascript"></script>
    <style type="text/css" media="all">
    @import "/_ui/2007/css/skin_2007_.css";
    body {
              background-color: #FFF;
    </style>
    <!--[if lt IE 7]>
    <style type="text/css" media="all">
    @import "/_ui/2007/css/skin_2007_.ie6.css";
    </style>
    <![endif]-->
    <!-- InstanceBeginEditable name="Head" -->
    <style type="text/css">
    <!--
    .style7 {color: #000000}
    a:link {
              color: #990066;
    a:visited {
              color: #900;
    .style26 {font-size: 12pt}
    .style29 {
              font-size: 20px;
              font-weight: bold;
              color: #990066;
    .style30 {
              font-size: 14pt;
              text-align: left;
    .style39 {
              color: #00C
    .style44 {color: #990066; font-size: 8pt; }
    .style47 {font-size: 8pt}
    .style54 {color: #FF3300}
    .style55 {
              color: #00C;
              font-weight: bold;
    .style8 {
              color: #FF3300;
              font-size: 36pt;
              font-weight: bold;
    .style9 {
              font-size: 18pt;
              font-weight: bold;
    .style58 {color: #006600}
    -->
    </style>
    <script src="file:///My Book/B4C Backup/B4C Backup 1282010/scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    p.MsoNormal {
    margin:0in;
    margin-bottom:.0001pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    .style61 {font-size: 10pt}
    .style64 {font-size: 16pt}
    .slogancolor {color: #900;
    .slogancolor {text-align: right;
    .slogancolor {font-size: 10pt;
    .style36 {color: #CC0000;
              font-weight: bold;
    .burg {
              color: #950000;
    .burg2 {
              color: #9D0000;
    .burg2 {
              color: #9D0000;
    .gold {
              color: #9F6A13;
    .centerline {
              text-align: center;
    .style15 {
              color: #00C;
              font-weight: bold;
              text-align: center;
    .centerlogo {
    .centerlogo {
              text-align: center;
    .right {
              text-align: right;
    .easter {
              font-size: 18px;
    .easter {
              color: #939;
    .easter {
              text-align: center;
    .easter {
              font-size: 24px;
    .easter {
              font-size: 20px;
    -->
    </style>
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="adjustBlackLeft"></div>
    <div id="main">
              <a href="/" id="mainLink"></a>
              <div id="rightlinks">
                <div align="right">
                  <a href="/banners/list.php"><img src="/_ui/2007/img/nav_banners.gif" alt="Visual Search" width="93" height="33" border="0" /></a>
                          <a href="/current/index.php"><img src="/_ui/2007/img/nav_home.gif" alt="Home" width="30" height="33" border="0" /></a>
                  <a href="/current/contact_us.php"></a>            </div>
      </div>
              <div id="leftlinks"></div>
      <div id="viewcart"><a href="http://order.store.yahoo.net/cgi-bin/wg-order?yhst-129624843121182">   <img src="/_ui/2007/img/viewcart1.gif" alt="View Cart" name="Image18" width="78" height="26" border="0" id="Image18" /></a></div>
      <div id="bottomcontent"><a href="/current/help.php"></a></div>
              <div id="left">
                        <div id="sidebar_orderonline" class="title"><img src="_ui/2007/img/sidebar_orderonline.gif" width="169" height="24" alt="sidebarorder" /></div>
                        <ul class="sidebar">
                                  <li><a href="/current/banners/custom_banners.php"><strong>CUSTOM CHURCH BANNERS</strong></a></li>
                                  <li></li>
                <li><a href="/banners/list.php?category[]=custom_stands">Custom Banner with Stand</a></li>
                <li><a href="/banners/list.php?category[]=ready_designs">Stock Church Banners</a></li>
                                  <li><a href="/banners/list.php?category[]=flowers_inspirational">Flowers &amp; Inspirational</a></li>
                                  <li><a href="/banners/list.php?category[]=holidays_events">Holidays &amp; Events</a></li>
                                  <li><a href="/banners/list.php?category[]=nature_landscapes">Nature &amp; Landscapes</a></li>
                <li><a href="/banners/list.php?category[]=people">People</a></li>
                <li><a href="/banners/list.php?category[]=sky_water">Sky &amp; Water</a></li>
                <li><a href="/banners/list.php?category[]=horizontal">Horizontal Church Banners</a></li>
                                  <li><a href="/banners/list.php?category[]=vertical">Vertical Church Banners</a></li>
                                  <li><a href="/banners/list.php">SEE ALL CHURCH BANNERS</a></li>
                        </ul>
                        <div id="sidebar_descriptions" class="title"></div>
                        <ul class="sidebar">
                                  <li><a href="current/stands/powerframe_stands.php">Powerframe&trade; COMBOS</a></li>
                                  <li><a href="current/stands/retractable_stands.php">Retractable&trade;Stand COMBO</a></li>
                                  <li><a href="current/stands/tstand_stands.php">T Stand&trade; COMBO</a></li>
                                  <li><a href="current/banners/cloth.php">Cloth Church Banners</a></li>
                                  <li><a href="current/banners/vinyl.php">Vinyl Church Banners</a></li>
                                  <li><a href="current/banners/fabric_walldecals.php">Fabric Wall Decals</a></li>
                                  <li><a href="current/banners/posters.php">Church Posters</a></li>
                                  <li><a href="current/banners/educational.php">Unit Circle for Mathematics</a></li>
                <li><a href="current/banners/dzine_yourbanner.php">DZINE! Your Banner</a></li>
                                  <li><a href="current/custom_designshelp.php">DZINE! Help</a></li>
                                  <li><a href="current/banners/custom_banners.php">Custom Order Help</a></li>
                <li><a href="current/banners/marketing_church.php">Promote Your Church</a></li>
                <li><a href="current/banners/logos_printcollateral.php">Logo DZINE!</a></li>
                <li><a href="current/banners/cmi_imagebank.php">CMI Image Bank</a></li>
                                  <li></li>
                        </ul>
                        <div id="sidebar_info" class="title"></div>
                        <ul class="sidebar">
                                  <li></li>
                                  <li><a href="/media/Banners4Churches-Catalog.pdf">Download 2012 Catalog</a></li>
                                  <li><a href="current/production_shipping.php">PRODUCTION/SHIPPING</a></li>
                                  <li><a href="current/rush_service.php">Rush Print Service</a></li>
                                  <li><a href="current/customer_feedback.php">Customer Feedback</a></li>
                                  <li><a href="current/terms_returns.php">Terms &amp; Returns</a></li>
                <li><a href="current/privacy_policy.php">Privacy Policy</a></li>
                <li><a href="current/banners/caldwell_mktintl.html" class="strong">Caldwell Marketing Int'l</a></li>
                <li><a href="current/contact_us.php">Contact Us</a></li>
                                  <li></li>
                        </ul>
                        <p> </p>
                          </div>
      <div id="mainContent">
              <div id="interiorcontent" class="mostPopular">
              <div class="title"><!-- InstanceBeginEditable name="Page Title" -->
                <div align="center"!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;<br />
                    &lt;html&gt;<br />
                    &lt;head&gt;<br />
                    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;<br />
                    &lt;title&gt;Spry Content Slideshow Wanderlust : &amp;lt;default&amp;gt;&lt;/title&gt;<br />
                    &lt;link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'&gt;&lt;/script&gt;<br />
                    &lt;/head&gt;</p>
                  <p>&lt;body&gt;<br />
                    &lt;div id=&quot;ImageSlideShow&quot;&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;BannerStand_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;bstcombo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Retractable&trade; Stand Combo&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;EXCLUSIVELY from Banners4Churches!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;available with YOUR CHOICE from 1000's of DZINE! images&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Select any image and have our designers customize it for you! Or if you already have your design, simply send us your files, and we'll print it for you!!&lt;/p&gt;<br />
      &lt;a href=&quot;../current/stands/retractable_stands.php&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;cmasBanner_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;cmaspromo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Seasonal Banners&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;1000's of NEW Images!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;now available for YOUR Special Program&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Make your order plans NOW for the Christmas season. Our designers can create a DZINE! that will perfectly match your program theme!!&lt;/p&gt;<br />
      &lt;a href=&quot;http://www.banners4churches.com/banners/list.php?category[]=holidays_events&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;fwd_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;fwdpromo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Fabric Wall Decal&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;Revolutionary NEW Product!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;applies to virtually EVERY surface AND is transferable&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Adheres securely to masonry, drywall, wood and ABSOLUTELYwill not harm walls or leave behind tacky residue!! Want more amazing - YOU CAN MOVE Your DZINE!!&lt;/p&gt;<br />
      &lt;a href=&quot;../current/banners/fabric_walldecals.php&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;78Banner_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;78promo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Available in English or espa&ntilde;ol!&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;CUSTOM CHURCH BANNERS!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;are EASY to order and offer 1000's of options&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;With access to nearly every translation of the Bible, our team of designers can help you create the perfect church banner. Our speciality is making custom banners for your church!!&lt;/p&gt;<br />
      &lt;a href=&quot;http://www.banners4churches.com/banners/list.php" onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/div&gt;<br />
      &lt;/a&gt;<br />
      &lt;script type=&quot;text/javascript&quot;&gt;<br />
                    var ImageSlideShow = new Spry.Widget.ContentSlideShow(&quot;#ImageSlideShow&quot;, {<br />
                    widgetClass: &quot;WLBSlideShow&quot;,<br />
                    displayInterval: 4000,<br />
                    transitionDuration: 2000<br />
                    });<br />
      &lt;/script&gt;<br />
      &lt;/body&gt;<br />
      &lt;/html&gt;</p>
                  <p class="style64"> </p>
                </div>
              <!-- InstanceEndEditable --></div>
              <!-- InstanceBeginRepeat name="Page Content" --><!-- InstanceBeginRepeatEntry -->
              <!-- InstanceBeginEditable name="Content" -->
    <p class="blue">
    <div id="fb-root"><a href="http://smallbusiness.yahoo.com/ecommerce/" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/smallbiz/gr/ecomby_128bit.gif" width="134" height="67" border="0" align="right" alt="ecommerce provided by Yahoo! Small Business"/></a></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/platform" width="292" show_faces="false" border_color="" stream="false" header="true"></fb:like-box> </p>
    </span></span></span>
    <p class="blue"> </p>
    <p class="blue"> </p>
    <p class="blue"><em><strong style="font-size: 16px; text-align: left;">Available in English &amp; espa&ntilde;ol!</strong></em></p>
    <p><em><strong>NUMBER ONE for church banners &amp; inspirational products across th<img src="media/Guaranteed-Seal.jpg" alt="seal" width="164" height="157" align="right" />e United States!</strong></em></p>
    <p>Using only premium, top quality material, we also offer one of the largest image databases in the world!</p>
    <p>Combine that with award winning designers, and you get a customer experience second to none! You'll always find the newest and most innovative products at <strong>Banners4Churches.com</strong>.</p>
    <p><img src="media/FabricWall/fwd_cover.jpg" width="241" height="279" /></p>
    <p> </p>
    <p><strong style="font-size: 14pt">5 Year Limited Warranty* </strong></p>
    <p>comes standard with every banner we sell!</p>
    <p>Your complete satisfaction is our <em>only</em> goal.</p>
              <p> </p>
    <p class="slogancolor"> </p>
        <p class="slogancolor"><strong><em>Banners...any design...any size.</em></strong></p>
        <p class="slogancolor"><strong><em> That's Banners4Churches.com!</em></strong></p>
        <p></p>
        <p class="red"> </p>
    <p><a href="http://www.banners4churches.com/current/index.php">(RETURN TO TOP)</a></p>
              <p> </p>
              <p class="small"><em>* 5 Year Warranty covers fading and defects in material workmanship only. Warranty does not cover abuse, neglect, fire, natural disasters or water damage. When original banner is returned in original shipping carton, warranty covers identical replacement.</em></p>
              <p class="small"> </p>
              <p class="right"><em>Banners4Churches.com is a subsidiary of <br />
    Caldwell Marketing International &bull; Music City USA! </em></p>
              <!-- InstanceEndEditable --><br />
              <!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat -->
              </div>
              <div id="right">
                <div id="mostpopularsearch">
                  <form action="/banners/list.php" method="get">Search by code: <input type="text" name="search" size="6" value="" /> <input type="submit" value="Go!" /><input type="hidden" name="category[]" value="all" /></form>
                </div>
                <div class="column">
                        <div class="title" id="sidebar_popular"></div>
                        <ul class="popular">
                        <?php
                                  include('/banners/List.class.php');
                                  $list_popular = new com_newtechgraphics_Web_List(null, array('popular_fp'), '/banners/images.csv');
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['horizontal'])) {
                                                      echo "<li class=\"horizontal\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"126\" height=\"72\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','horizontal'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['vertical'])) {
                                                      echo "<li class=\"vertical\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"52\" height=\"135\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','vertical'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                        ?>
                        </ul>
                </div>
                <div class="column seasonal">
                        <div class="title" id="sidebar_seasonal"></div>
                        <ul class="seasonal">
                        <?php
                                  $list_seasonal = new com_newtechgraphics_Web_List(null, array('season_fp'), '/banners/images.csv');
                                  foreach ($list_seasonal->images as $image) {
                                            if(!empty($image['horizontal'])) {
                                                      echo "<li class=\"horizontal\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"126\" height=\"72\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','horizontal'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['vertical'])) {
                                                      echo "<li class=\"vertical\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"52\" height=\"135\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','vertical'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                        ?>
                        </ul>
                </div>
              </div>
                                  </div>
              <div id="bottomcontent"><!-- InstanceBeginEditable name="Bottom Content" --><!-- InstanceEndEditable --></div>
              <div id="footer"></div>
    </div>
    </body>
    <!-- InstanceEnd --></html>

  • Spry Content Slideshow Wonderlust

    I am trying to implement the spry content slideshow wonderlust that I got from the adobe widget browser. I copied the code into the page where I want the slideshow to show up and it is not formatting correctly. It is evidently missing the stylesheet. How do I get the style sheet to make this widget work?
    The following is the code that is pasted into the head section of the page.
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    In the section where I want the slideshow to show up I pasted the following code:
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" alt="San Francisco, CA" />
          <div class="caption">San Francisco, CA</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Palace of Fine Arts</div>
            <div class="subTitle">Flowers of Spring, California</div>
          </div>
          <div class="content">
            <p>The Palace of Fine Arts was initially built for the Pan-Pacific Exposition in the 1930s, heralding San Francisco's rebirth after the 1906 earthquake.</p>
            <button type="button"><span><span><span>Click for Details</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-8.jpg" alt="Horses" />
          <div class="caption">Horses</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County, California</div>
            <div class="subTitle">Bay Area's  Best Secret</div>
          </div>
          <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" alt="Open Space" />
          <div class="caption">Open Space</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County</div>
            <div class="subTitle">Parkland</div>
          </div>
          <div class="content">
            <p>Marin County is blessed with acres of open spaces, both public and private. </p>
            <button type="button"><span><span><span>Get Packing!</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" alt="Orchids" />
          <div class="caption">Orchids</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Flower Garden</div>
            <div class="subTitle">Flora tour in Golden Gate Park</div>
          </div>
          <div class="content">
            <p>Orchids from all over the world can be seen in the Arboretum in Golden Gate Park.</p>
            <button type="button"><span><span><span>Find out More!</span></span></span></button>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
        widgetClass: "WLBSlideShow",
        displayInterval: 4000,
        transitionDuration: 2000
    </script>

    I am trying to implement the spry content slideshow wonderlust that I got from the adobe widget browser. I copied the code into the page where I want the slideshow to show up and it is not formatting correctly. It is evidently missing the stylesheet. How do I get the style sheet to make this widget work?
    The following is the code that is pasted into the head section of the page.
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    In the section where I want the slideshow to show up I pasted the following code:
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" alt="San Francisco, CA" />
          <div class="caption">San Francisco, CA</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Palace of Fine Arts</div>
            <div class="subTitle">Flowers of Spring, California</div>
          </div>
          <div class="content">
            <p>The Palace of Fine Arts was initially built for the Pan-Pacific Exposition in the 1930s, heralding San Francisco's rebirth after the 1906 earthquake.</p>
            <button type="button"><span><span><span>Click for Details</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-8.jpg" alt="Horses" />
          <div class="caption">Horses</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County, California</div>
            <div class="subTitle">Bay Area's  Best Secret</div>
          </div>
          <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" alt="Open Space" />
          <div class="caption">Open Space</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County</div>
            <div class="subTitle">Parkland</div>
          </div>
          <div class="content">
            <p>Marin County is blessed with acres of open spaces, both public and private. </p>
            <button type="button"><span><span><span>Get Packing!</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" alt="Orchids" />
          <div class="caption">Orchids</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Flower Garden</div>
            <div class="subTitle">Flora tour in Golden Gate Park</div>
          </div>
          <div class="content">
            <p>Orchids from all over the world can be seen in the Arboretum in Golden Gate Park.</p>
            <button type="button"><span><span><span>Find out More!</span></span></span></button>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
        widgetClass: "WLBSlideShow",
        displayInterval: 4000,
        transitionDuration: 2000
    </script>

  • Help with iPhoto '08 - Slideshow & Ken Burns

    I need help with creating a slideshow using Ken Burns effects. The basic problem is that some photos are getting cut off. I know I can modify each photo for start/end place, but each time I run the show, the effects are different (one run, slide 1 goes left to right, next run it zooms out, etc.), so I can't tell which photos need to be individually modified. The show is 100+ photos, so I'd rather not modify each one. I was at the Genius Bar yesterday and the guy told me the effect would be consistent once I made the slideshow, so that I could tell which ones to fix manually, but that's not the case. Please help!!
    Running: MacBook OS X 10.6.8, iPhoto 7.1.5
    Thanks!

    You can adjust the start and end boxes. You can move them, and you can adjust the size by dragging the corners. However, the box will always be in the same shape as your aspect ratio, (e.g. 16:9 or 4:3)
    To do this, click on the Gear icon in your photo to open the Inspector. Go to the Rotate, Crop, Ken Burns Tab of the Inspector.
    Message was edited by: AppleMan1958

  • Help with Spry Menubar and slideshow widget in IE

    I have a spry slideshow and menubar created in dreamweaver CS4.  Both work in Firefox, Safari, Chrome, etc. but not IE.
    Here's the link:
    http://www.salmonrunvacations.com/test/
    Check in firefox first, then IE.
    For the menu, what I've done is created a CSS div to insert the menubar into.  This way I can use a background image to frame the menubar. I then tweaked the CSS to shift the menu into the correct position so it lines up with the background image.  This information is not transferring for some reason, as the menubar sits at the top left of that div, ignoring placement info.
    Different versions of IE create different errors as well.  Note that the "galleries" menu should have a flyout submenu.  This doesn't work either, though I could remedy this by making "galleries" a page that links to the two submenues, but I'd kind of just like to get it fixed.
    As for the slideshow, I used a widget fromt the adobe exchange using Adobe Air.  It exported the code as its own html page and CSS, JS, etc, but I just inserted the HTML into a div in the index page.  Again, it works great in FF, not in IE.  I should also note that when I load the page in Dreamweaver CS4, I get a bunch of error menus saying this widget no longer exists.  Dreamweaver does not accurately display the slideshow either.
    Help on either of these issues would be most welcome.
    Thanks and God bless,
    Mike.

    I'm sorry to say it still doesn't work.  I hate to bother you and take your time, but at lease in IE 7 and 8, the slideshow still doesn't function.
    For anyone interested, the code at the bottom was generated by Yahoo web hosting servers, and is for tracking site statistics.  If you have a similar problem and want to get rid of that code as a possible solution, you have to go into the yahoo web hosting control panel, click "detailed statistics," then "options," and disable the site statistics tracking option.
    I could just try to go with another java slideshow, but I really like this one.
    Any other ideas on how to make it work?  Also, the flyout menus under "galleries" display behind the slideshow (or at least the box that shows it not working).  I suppose that may be fixed when the slideshow is fixed.  We'll see. Please let me know if you have any other suggestions to make it work.
    Thanks,
    Mike.

  • 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

  • Help with Spry Menu Bar 2.0 customization

    I am having trouble converting my original Spry menu to version 2.0.
    On my website http://bucknellprimaryschool.org/ the 'old' menu system works just great but not in iPads (ie the sub menu does not pop out).
    I discovered hat Spry 2.0 does work but I cannot replicate the submenu of the original - I can get the menu to pop out but configuring the different colours for each button has me beat this time.  The original was modified using this piece of css to get the coloured rollover effect for the sub menus but I just cannot figure our how to replicate this.
    /**LINK CLASSES**/
    #rollover1 a.item1 {background: #BDDBEC; border-top-right-radius:15px; border-bottom-right-radius:15px; }
    #rollover1 li a.item1:hover,
    #rollover1 li a.item1:active,
    #rollover1 li a.item1:focus {background: white; }
    #rollover2 a.item2 {background: #B4DE8F; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover2 a.item2:hover,
    #rollover2 a.item2:active,
    #rollover2 a.item2:focus {background: white;}
    #rollover3 a.item3 {background: #F8B084; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover3 a.item3:hover,
    #rollover3 a.item3:active,
    #rollover3 a.item3:focus {background: white;}
    #rollover4 a.item4 {background: #CCCCCC; border-bottom-right-radius:15px; border-top-right-radius:15px;}
    #rollover4 a.item4:hover,
    #rollover4 a.item4:active,
    #rollover4 a.item4:focus {background: white;}
    #rollover5 a.item5 {background: #CC8BD2; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover5 a.item5:hover,
    #rollover5 a.item5:active,
    #rollover5 a.item5:focus {background: white;}
    #rollover6 a.item6 {background: #FDD760; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover6 a.item6:hover,
    #rollover6 a.item6:active,
    #rollover6 a.item6:focus {background: white;}
    #rollover7 a.item7 {background: #F2D0E9; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover7 a.item7:hover,
    #rollover7 a.item7:active,
    #rollover7 a.item7:focus {background: white; }
    /**END ROLLOVER**/
    Can anyone please give me a steer?
    Thanks
    Graham

    I'm back again.  I actually managed to get the rollover effect to work by creating new classes in my css so I'm thinking of staying with Spry 2.0.  However I've found that using an image file for each of the top line menu items stops the menu popping out in my iPad.  If I revert to a coloured box it works just great.
    Can anyone please tell me how I can change the top level of the vertical menu so that I have a different colour for each item in much the same way as the old image version?
    http://bucknellprimaryschool.org/spry.html is my test file and I have (sort of) fudged the Home item with a coloured 'button'.
    Hope someone can step in to help me.
    Thanks
    Graham

  • Need help with full screen slideshow image quality

    I am looking to display some images with full screen slideshow. The images I add are very large, over 5000 wide. When I publish the site some images retain their quality while others lose it and look like crap. Why would this be and how can I fix it. I tried to resize them to the 2560x1707 that muse does, and then add them. This doesn't change the end result of poor quality.

    Go to Assets Panel and locate the image you want to use at original size. Right click the image and chose 'Import Larger Size'.
    See if that helps retain quality for that image, since Muse does not resize/interpolate that image for you.
    Cheers,
    Vikas

  • Spry Content Slideshow malfunctioning in IE

    can't get content slideshow to work with any version of internet explorer:
    http://www.chipandlaura.com
    i can't even get the sample html to work that comes with the css and js files:
    http://chipandlaura.com/spry_default.html
    save me?

    Hi altruistic gramps!
    thank you!
    re-optimized via photoshop... pics are all under 50k -still only displaying half... if you have any other insights I would be grateful!
    K

  • Help with Business Contents 7.0

    hello everyone,i need help with this question if i want to install a business content cube ok but i want bi 7.0 way how can i do that? either let me know or point me to a link. i tried to search by different keywords but i couldnot find anything. thanks.

    Hello,
    I am New to BI myself, please correct me if im wrong, but i thought that after you replicate metadata on the sap system it will prompt you to pick if you want to create it as 7.0 RSDS, or keep it as 3.x isfs, also an option to creaate one of each.  Please let me know if this helped out so I know if im on the right track.
    Thanks,
    Niraj

  • Help with Adobe Content

    I have installed Adobe Premiere by purchasing it and downloading it from Adobe's web site.  I also downloaded all the content the same way, but everytime I start or go back to a project i get this message, "A reduced set of content (instant movie, themes, title and menu templates, etc.) has been installed".  And it ask if I want to install the full content by inserting DVD or down loading.  I have downloaded this , but how do I know if has fully installed or the content?  Do I just click do not show me this again?  I think I have it completely installed, but I am not 100% sure.  Can anyone help.  I am just trying to create some video slide showes, I am not an expeirce programmer.

    I experienced the same thing. I have been using the program only two or three weeks and have been having problems with Instantmovies and themes rendering with missing content, such as intro videos that show up in the thumbnail preview animations. That problem is still unsolved and Adobe tech support says that's how the videos are supposed to render. Anyway, I also had the content failing to stay installed. I would install the content, close the program, reload it and the content would be there an usable. I could also close down the computer, reboot, and reload Premiere Elements and the content would be installed. So the installation was stable. However, when I would leave the computer on for a few hours and return and reload Premiere Elements, the content would not be installed and I'd get a message asking if I wanted to download and install it!
    The files would be still there in their folders but the installation had vanished within the program.
    Since no one had used anything on the computer while it was sitting idle, I wondered what was going on. I realized that the only thing happening in the computer was that my computer maintenance program, System Mechanic Professional, was scanning and mistakenly identifying the registry entries for the content installation as errors and automatically deleting them. I turned off the automatic error correction, then when it reported errors after reinstalling the content once again, I used System Mechanic's option of seeing what errors it found and choosing to have it ignore that registry entry in future scans. After doing that, I get no more uninstallations of the content.
    Do you have a computer maintenance program running in the background?
    I thought by completely uninstalling Premiere Elements 10 and reinstalling it and the content, new registry entries (to replace those that had been deleted) would be entered and my current problem would be solved, too, but it hasn't worked.
    So I hope this helps you. And if anyone has any way to help with my problem, I have posted a separate thread about it a day or two ago. Please help!

  • Help with Spry form and Validation

    We have a form with shipping and billing information. When
    you fill out the billing and select same as billing radio button.
    Then it fills out the shipping fields properly using focus to make
    sure the spry validation recognizes the input. Everything on the
    form appears to be valid in Firefox Windows and Mac and Safari but
    the submit button does not work. Before we started we go the
    shipping fields to populate with the billing data the form
    submitted fine.
    On IE 7 the 1st Zip code fields shows the error messages and
    then only some of the hints show up in the spry validate fields
    below. This is only on IE. When you populate the shipping section
    in IE with the radio button in fills in everything but that
    shipping zip again on IE only. You actually have to manually type
    in the zip.
    Is this IE bug related to the form not submitting in the
    other browsers?
    I don't understand why the form in all the other browsers
    appears to have all fields validate but will not submit.
    I bet between three of us we have 60 hours in the stupid form
    and 2/3rds of it is not billable.
    On the other hand we need to finish this today!!. We will all
    be around at about 3 on Sunday. I am happy to pay someone to look
    at this and help us get through this last step.
    I wish there was some debug tool we could use to see what is
    going on. I look at the debug.js file in 6 in the meantime. I can
    be reached at 610-256-2843 and best email is [email protected]
    Help!!
    You can see all the by going to
    http://vv.dss-demo.com/
    then add something to your cart and go to checkout. you will
    get the form.

    Florin,
    Thanks for the response. We were looking for a way to remove
    the hints but did not see anything in the documentation.
    But I am still having issues.
    A. Not sure how you are not seeing the text &quot;Zip is
    required.Invalid format.&quot; in the grey area next to zip
    code fields. It is there on IE 6 and 7 4 different users with
    different computers see it.
    B. As soon as I add you code you suggested and comment out
    what we had it throws and error in IE and the debug says it is at
    the 1st instance of your method sprytextfield20.removeHint();
    Object does not support method.
    C. A new problem we did not notice last night on all browsers
    is that the form now does not respect the spry validations. It
    submits no matter what. I am using this to submit the form.
    &lt;input name=&quot;submit&quot;
    id=&quot;submit&quot; type=&quot;image&quot;
    src=&quot;images/complete_checkout.png&quot;
    onclick=&quot;document.forms['checkout_signup'].action='&lt;@appfilepath&gt;checkout_sign up.taf?_function=signup';document.forms['checkout_signup'].submit();&quot;
    /&gt;. We for sure don't want. It seems to have occured once we
    added the document.forms['checkout_signup'].submit(); in the 1st
    place but that without that the form would not submit even when
    everything appeared to be validated. So was adding
    document.forms['checkout_signup'].submit(); =seems to have just
    covered up another issue that is keeping the form from submitting.
    I still would like to have someone really look at this form
    with me and pay them if I have to. But it really does not seem that
    the path we are talking really works.
    I am going to roll this back to where it was till I can get
    some help.
    my guess at this point
    Hints have to go because if we fill down with fields that
    have hints then the hints become the values and are submitted. And
    it also breaks the spry validation.
    I would hope that the way we are rebuilding the zip and state
    fields would be possible with spry. It sure looks like it works. My
    hope is it is not causing the submit to not work.
    Anyway I still need help from someone who would be willing to
    take the time ort has the time to look over the page and al lthe
    logic we are using and see if there is a better way to do this
    even. This form is ending up costing me more time in non billed
    hours then the job itself. Yipes!!!
    As far as the HTML tags I will look at that again there are a
    bunch of includes build some of this page but I do see the
    beginning &lt;html&gt; seems to have been lost and I put it
    back in.
    D. I realize there is a fault with this method in the 1st
    place since it replaces the hints with values even if the value is
    the hint. Any suggestion on how to deal with that? are these hints
    more trouble then they are worth when used as field names. Should
    we just redisgn and use the field names in the 1st place?

  • Spry Content Slideshow looks fine in DW CS5

    but when I upload it to Hostgator the pics show but the text on the right don't.  Here is the code to the slideshow.  I am wondering if anyone can tell me what would cause this to happen?  I have emptied the cache and refreshed several times and made sure all the files transfered to my file manager in Hostgator.
    Thanks for any help, Denise
    PS my site is tocatchamiracle.com
    <div class="content">
        <div id="ImageSlideShow">
          <div class="article">
            <div class="photo"> <img src="650treesandthings/mistymornin.JPG" alt="Lookingglass Oregon" />
              <div class="caption">Near Dawn</div>
            </div>
            <div class="story">
              <div class="banner">
                <div class="title"></div>
                <div class="subTitle"></div>
              </div>
              <div class="content">
                <p>I'm usually up before or by dawn and I have seen so many beautiful  mornings.  This is just one of the many, Denise</p>
              </div>
            </div>
          </div>
          <div class="article">
            <div class="photo"> <img src="650treesandthings/inpurple.jpg" alt="Willis Creek, OR" />
              <div class="caption">In Purple</div>
            </div>
            <div class="story">
              <div class="banner">
                <div class="title"></div>
                <div class="subTitle"></div>
              </div>
              <div class="content">
                <p>Found these pretty things at a rock quarry.  Hard to believe and easy to overlook.</p>
              </div>
            </div>
          </div>
          <div class="article">
            <div class="photo"> <img src="650thingsilove/hinges.JPG" alt="Lookingglass, OR" />
              <div class="caption">Old Hinges</div>
            </div>
            <div class="story">
              <div class="banner">
                <div class="title"></div>
                <div class="subTitle"></div>
              </div>
              <div class="content">
                <p>These hinges were all removed and replaced over years of a great, man's life, my friend Courtney.  He was a real family man, the best one I have ever known in my life.  This photo is just part of a tribute to him, thank you Courtney, Teenie</p>
              </div>
            </div>
          </div>
          <div class="article">
            <div class="photo"> <img src="650thingsilove/Alicesfence.JPG" alt="Orchids" />
              <div class="caption">Moss Covered Fence</div>
            </div>
            <div class="story">
              <div class="banner">
                <div class="title"></div>
                <div class="subTitle"></div>
              </div>
              <div class="content">
                <p>These are places I walked through in my childhood.  I am so glad to get to see them again.  They have changed and grown older just like me but they are still standing</p>
              </div>
            </div>
          </div>
        </div>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141541: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
        widgetClass: "WLBSlideShow",
        displayInterval: 4000,
        transitionDuration: 2000

    I see it is an issue with my Firefox because it "is" showing correctly in IE
    as well as my webhost, hostgator can see it just fine.  I haven't known
    Firefox to fail me but now I don't know, weird.  Question is answered.  I
    don't get the forum, I couldn't find anywhere to reply to gramps except by
    email.  Hope you get this and thank you much gramps, Denise

Maybe you are looking for

  • Q10 browser full screen

    Why doesn't the browser have a full screen option/shortcut? Or work in the same way scrolling in the hub is, where the bottom bar disappears when you scroll down. This helps maximize the limited screen space. Also, "flow" could be utitlized in the br

  • Cannot load certain websites

    Hey all. This is the first time I have ever experienced this problem. As of today I can't load Facebook and a couple other sites. One minute it was working fine, the next I was kicked off. I waited awhile and was able to get back onto FB only to be k

  • Can't send texts and all my former texts are gone

    Without any warning, all my texts have been erased.  And I can't send any new ones.  I sent a text this morning without any problems.  Didn't touch the phone after that and when I tried to send another text, I couldn't.

  • Rebel XT and Win 7 compatability patch.

    Has anyone come out with a patch so it will work with Win 7 or later? I have tried Virtual window and it fails to recognize the camera. I am looking for software, 3rd party or otherwise to fix the incompatability. Thanks, Tony

  • Link between MATNR and table PRPS

    Hello, I need to get a field from the PRPS table, but I only have the material number, does anybody know how I can retrieve fields from PRPS? Regards Baljinder