Slideshow in IE9

Anybody know a slideshow that works properly in IE9, all mine work ok in all other browsers including IE 7 an 8 but not in IE9?

all mine work ok in all other browsers including IE 7 an 8 but not in IE9
Which ones have you tried?
Gramps

Similar Messages

Slideshow widgets works in IE9 but not in IE8

Install the spryImageslideshow and all works great in IE9 but has errors in IE8
it start the show and pan but stops at the 1st one
Any help
Thanks
Gene

I'm having a similar issue. The Spry Slideshow - Basic widget works great in Firefox, but won't work in IE8.
Here's the test link I set up. http://arts-festival.com/TESTSLIDE.php
The page I set it into originally (isn't officially live, still up for testing purposes) is http://arts-festival.com/index2010.php
Error is:
Invalid Argument.
Line: 389
Char: 3
SpryDOMEffects.js
Code: 0
URI: http://www.arts-festival.com/Spry-UI-1.7/includes/SpryDOMEffects.js
Any suggestions?
Thank you!
Theresa

Problem with Spry Slideshow Basic (1.0) in IE9

We've just added a Spry slideshow to a website and it works perfectly fine. Trouble is in IE9, just before the image loads in for a split second you can see a 'square broken image' icon. Why does this display in IE9 and in no other browser?
How do we fix this in IE9?
Thanks!

The missing image icon is definitely there - for a split second (or longer depending on the load time).
I have attached two screenshots (one from the homepage and the other from the top left of an interior page). You can see the icon at the top center of the rotating images.
Why would this happen ONLY in IE and no other browser? Is there a workaround for IE so it does not display this 'broken' image prior to the Spry Slideshow loading in?
Thanks for your time!
The icon can be seen at the top center of the imageS below...

Spry UI 1.7 "Featured Content" Slideshow: Non-functioning buttons IE9

Hey guys!
So I'm about finished with a website that I've been working on for some time now. One of the last things I did was customize a Spry Content Slideshow widget to be implemented into the homepage. It went well; things are pretty much exactly how I want them...tested the site (locally) this morning, and it worked great in Chrome, pretty good in Firefox...and for the most part, worked fine within IE9. Until I went to test links. In the first two browsers, the links worked fine, but IE9 has, for some reason, shifted the actual, clickable part of the button just to the right of the button. Here's a brief snippet of the code that covers the two buttons on slide #1:
                      <a href="nate.html">
                      <button type="button"><span><span><span>Nate</span></span></span></button>
                      </a>
                      <a href="kate.html">
                      <button type="button"><span><span><span>Kate</span></span></span></button>
                      </a> </div>
Again, the buttons themselves don't actually work, but there's a thin strip, probably 1-2 pixels wide, and as tall as the button, directly to the right that are active within IE9. It's as if the link got compressed into that 1x30 pixel space somehow...I can't figure it out!
Any ideas on how to make IE recognize the actual buttons as the link, instead of that random little sliver next to them? Thanks in advance for any help, and let me know if you need more details!
-Casey

Add an onclick event as follows
<a href="nate.html" onclick="window.location=this.href;return false;"><button type="button"><span><span><span>Nate</span></span></span></button></a>    <a href="kate.html" onclick="window.location=this.href;return false;"><button type="button"><span><span><span>Kate</span></span></span></button></a>
Gramps

File does not exist: /www/public_html/null, referer: - error in log file from IE8 and IE9

I just updated an existing slide show that was created several months back. Since loading my new set of files to our web server, we keep getting the following error in our server log files when someone loads our page in IE8 and IE9:
File does not exist: /www/public_html/null, referer:
One of our programmers tracked the error to this line of code, but we're not sure what's causing it:
Muse.Utils.addSelectorFn('#slideshowu70', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:6000,slideLinkStopsSlideShow:false,transitionStyle:'horizo ntal',lightboxEnabled_runtime:false,shuffle:false}); });/* #slideshowu70 */
Any suggestions?
Thanks!

The errors aren't showing up on the client side, only in the server access logs. Every time the page is loaded with IE8 or IE9 and the Muse.Utils.addSelectorFn with the #slideshowu70 line is hit, it generates four errors in the server access logs.
Our admin guy pulled the errors from where it was clicked on from the Adobe forum. He said it also appeared that you tested it with www added to the url (if this was when you were testing it)...
[Mon Feb 04 13:58:57 2013] [error] [client 121.242.198.2] File does not exist: /www/public_html/null, referer:http://stingrayboats.com/
[Mon Feb 04 13:59:00 2013] [error] [client 121.242.198.2] File does not exist: /www/public_html/null, referer:http://stingrayboats.com/
[Mon Feb 04 13:59:08 2013] [error] [client 121.242.198.2] File does not exist: /www/public_html/null, referer:http://stingrayboats.com/
[Mon Feb 04 13:59:33 2013] [error] [client 121.242.198.2] File does not exist: /www/public_html/null, referer:http://www.stingrayboats.com/
[Mon Feb 04 13:59:43 2013] [error] [client 121.242.198.2] File does not exist: /www/public_html/null, referer:http://www.stingrayboats.com/
The reason we find it strange is because it did not result in errors with the previous version of the slideshow. The only thing that changed this time around is that I removed some slides and added additional ones, but I noticed that there is a lot of difference in the code and even the scripts that are used. And I did copy over all of the scripts, css files, etc., so it's using all of the new source files.
I was hoping it was something that you guys had noticed if you review the access logs when you're testing. While it works perfectly on the client side, the IT guys do go through our access logs, so it would be nice to eliminate the errors.
Thanks for looking at it!

SPRY Image Slideshow, compatibility problems with IE

Hello, i recently used the Spry image slideshow in my website. All works great in every browser except IE. I could actually get it to work when i changed the DOCTYPE from: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> TO: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
BUT,
that totally skrewed the rest of my content. also i added the meta tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > and that fixed the slideshow, but again skrewed my content.
Has anyone found a solution? i looked through past discussions but couldnt find one.

mdr4win wrote:
i dont think you understood my question, wasnt about body background, but abut the spry image slideshow to work properly in IE
I was not talking about body background, but about having markup that screws up your document when using a browser. Body background just happened to be there. Perhaps you would do well to have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flittletreats.org%2F.
I have noticed that you ignored my solution; your document still shows two bodies.
Perhaps I should have mentioned that I tested in IE6 through to IE9 using IETester and the above was the only thing stopping IE from performing properly.
How did you determine that the slideshow was not working correctly in IE and which versions of IE?
Grumps

Jquery Slideshow problem in IE

I have a Jquery slideshow on my page and it works alright in FireFox but in Internet Exploer 8, the transaction between the JPEG photos are not smooth. Can someone help me out as to what coding i would need to make the slideshow smooth in IE8 or lower. I am new to coding and i created the below coding using tutorial and reading thread on Dreamweaver forum. I very much apperciated if you can help me out and let me know where to out the coding.
The slideshow DIV (class="slideshow") is in another DIV tag (class="slideShow"). I have position the slideShow using CSS to flote to the right with box width 610px, height 500px.
I have copied all my coding i have for the slideshow.
<!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>
<style type="text/css">
.slideshow {
     width: 610px;
     height: 500px;
     margin-top: 0;
     margin-right: auto;
     margin-bottom: 0;
     margin-left: auto;
.slideshow img {
     padding: 5px;
     border: 1px solid #ccc;
     background-color: #CCC;
     height: 400px;
     width: 580px;
</style>

<script type="text/javascript" src="jquerySlideshow/jquery.min.js"></script>

<script type="text/javascript" src="jquerySlideshow/jquery.cycle.all.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx:    'fade',
speed: 2000,
timeout: 1000
</script>
</head>
<body>
<div class="slideShow">
    <div class="slideshow">
    <img src="_images/home/3d view roof.JPG" width="580" height="400" />
          <img src="_images/home/Bridge.png" width="580" height="400" />
          <img src="_images/home/Haz Restaurant, St Pauls, London.JPG" width="580" height="400" />
          <img src="_images/home/Isometric view.JPG" width="580" height="400" />
          </div>
    </div>
</body>

i2008 wrote:
The slideshow DIV (class="slideshow") is in another DIV tag (class="slideShow").
Although browsers normally treat class and ID names as case-sensitive, you cannot rely on it 100%. It's also very bad practice to use the same name for different purposes and rely on the difference between uppercase and lowercase in just one letter to distinguish between them. Even if browsers get the case-sensitivity right, it's likely to confuse you. Give them distinctive names such as slideshow and slideshowWrapper.
The other bad practice you have adopted is the use of spaces in file names. For example, you have this:
Haz Restaurant, St Pauls, London.JPG
Shorten the name, and use underscores to separate words. It's also a good idea to use lowercase for the filename extension (.jpg instead of .JPG).
Haz_Restaurant.jpg
Fixing those points might solve the jerkiness in IE, but you'll probably also need to experiment with the slideshow settings.
$(document).ready(function() {
    $('.slideshow').cycle({
        fx:      'fade',
        speed:   2000,
        timeout: 1000
Try changing the value of speed to 2500 (2.5 seconds) or 3000 (3 seconds). The timeout value might need changing, too.
JavaScript dynamic effects are dependent not only on the browser, but also the processing capability of the computer. Some browsers are more efficient than others. IE's JavaScript processing capability is known to be less efficient in many cases, although this should improve with IE9.

Spry Image Slideshow problems with IE?

I have set up the Spry Image Slideshow widget and it works beautifully in Firefox and Chrome. I'm having the same problems others have had. I've read through the various discussions on here and have sorted some of them but am still stumped on a couple things!
Here is the link to where I have it currently uploaded for testing purposes: www.wohowebdesign.com/sidestrand/gallery.php
My first problem was how the images just would not flow, skip all over and freeze. After I changed the DOCTYPE, this problem was gone.
My Second problem is now the images are blending ok, but when you go to use the controls to pause or click the arrows, a vertical line appears and does not go away. This is still occuring on my local computer tests, but the uploaded version seemed to work itself out... I have no idea how!!
My third problem is the alignment of the whole gallery box will not line up properly on the page. It is shifted to the right and this only happens when I view it in IE8 (not Firefox or Chrome). Unfortunately most of our school uses IE8 so I need to have it working perfectly before I put the new site live.
Any help or suggestions are greatly appreciated!
Thank you,
Debbie

mdr4win wrote:
i dont think you understood my question, wasnt about body background, but abut the spry image slideshow to work properly in IE
I was not talking about body background, but about having markup that screws up your document when using a browser. Body background just happened to be there. Perhaps you would do well to have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flittletreats.org%2F.
I have noticed that you ignored my solution; your document still shows two bodies.
Perhaps I should have mentioned that I tested in IE6 through to IE9 using IETester and the above was the only thing stopping IE from performing properly.
How did you determine that the slideshow was not working correctly in IE and which versions of IE?
Grumps

Spry Image Slideshow with Filmstrip IE8 Play/Back/Forward Arrows Problem

Please help me. I'm using the Spry Image Slideshow with Filmstrip widget on my web page: http://new.radcal.com/accugold2.html#sensoroptabs. In Firefox, Safari, Internet Explorer 9 it displays properly but in Internet Explorer 8 the gray Play/Back/Forward Arrows automatically appear on the Viewport (main large slide area) when the page loads and they do not go away, ever. Whereas in the other browsers these arrows only show up when I move my mouse into the viewport area and go away as soon as I take my mouse off the viewport area.
I need the arrows to behave in IE8 like they do in IE9, Firefox, etc. I do not know javascript but I imagine there is some javascript code that could solve this problem. Does anyone know of a solution? Please help me...

At the top of your document you have
<html>

<head>
Add the DOCTYPE as follows
<!DOCTYPE HTML>
<html>

<head>
Without a DOCTYPE on the very first line of the document, IE goes into Quirks Mode
Gramps
PS Normally I do not monitor this forum, hence this reply after having received your PM

Make a logo over lap menu bar and slideshow

Hi!
I want to have the logo of my page overlapping the menu bar and the slideshow.
Below is a picture og how the site layout looks now and the code.
Can anyone please help me out.
Thanks in advice,
Simon
Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




 <html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
          <title>#</title>
          <meta name="description" content=" add description ... " />
          <meta name="keywords"    content=" add keywords     ... " />
          
          <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
          
          <link href="_layout/style.css"       rel="stylesheet" type="text/css" media="all" />
          <link href="_layout/style-print.css" rel="stylesheet" type="text/css" media="print" />
          
          <script src="_layout/js/jquery-1.5.2.min.js" type="text/javascript"></script>
          
          
          
          <script src="_layout/js/cufon/cufon.js" type="text/javascript"></script>
          
          <script src="_layout/js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
          <link href="_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />
          
          <script src="_layout/js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript"></script>
          <link href="_layout/js/prettyphoto/css.prettyPhoto.css" rel="stylesheet" type="text/css" />
          
          <script src="_layout/js/validity/jquery.validity.js" type="text/javascript"></script>
          <link href="_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" />
          
          <script src="_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script>
          
          <script src="_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script>
          
          <script src="_layout/js/accordion/jquery.accordion.js" type="text/javascript"></script>
          
          <script src="_layout/js/scripts.js" type="text/javascript"></script>
          <script src="_layout/js/plugins.js" type="text/javascript"></script>
          <style type="text/css">

</style><noscript>
                              <link href="_layout/style-nojs.css" rel="stylesheet" type="text/css" />
                              <div class="nojs-warning"><strong>JavaScript seems to be Disabled!</strong> Some of the website features are unavailable unless JavaScript is enabled.</div>
          </noscript>
          <div id="wrap">
                    <div id="header">
                    <div class="img"><a href="#"><img src="_layout/images/Logo.png" /></a> </div>
<ul id="menu">
<li><a href="#" class="drop"></a>
    
    <div class="dropdown_4columns">
      
      <div class="col_4">
      </div>
      <div class="col_1">
        <h3>Some Links</h3>
        <ul>
          <li><a href="#">ThemeForest</a></li>
          <li><a href="#">GraphicRiver</a></li>
          <li><a href="#">ActiveDen</a></li>
          <li><a href="#">VideoHive</a></li>
          <li><a href="#">3DOcean</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Useful Links</h3>
        <ul>
          <li><a href="#">NetTuts</a></li>
          <li><a href="#">VectorTuts</a></li>
          <li><a href="#">PsdTuts</a></li>
          <li><a href="#">PhotoTuts</a></li>
          <li><a href="#">ActiveTuts</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Other Stuff</h3>
        <ul>
          <li><a href="#">FreelanceSwitch</a></li>
          <li><a href="#">Creattica</a></li>
          <li><a href="#">WorkAwesome</a></li>
          <li><a href="#">Mac Apps</a></li>
          <li><a href="#">Web Apps</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Misc</h3>
        <ul>
          <li><a href="#">Design</a></li>
          <li><a href="#">Logo</a></li>
          <li><a href="#">Flash</a></li>
          <li><a href="#">Illustration</a></li>
          <li><a href="#">More...</a></li>
        </ul>
      </div>
    </div>
    
</li>

<li><a href="#" class="drop">Projects</a>
    
    <div class="dropdown_4columns">
      
      <div class="col_4">
      </div>
      <div class="col_1">
        <h3>Some Links</h3>
        <ul>
          <li><a href="#">ThemeForest</a></li>
          <li><a href="#">GraphicRiver</a></li>
          <li><a href="#">ActiveDen</a></li>
          <li><a href="#">VideoHive</a></li>
          <li><a href="#">3DOcean</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Useful Links</h3>
        <ul>
          <li><a href="#">NetTuts</a></li>
          <li><a href="#">VectorTuts</a></li>
          <li><a href="#">PsdTuts</a></li>
          <li><a href="#">PhotoTuts</a></li>
          <li><a href="#">ActiveTuts</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Other Stuff</h3>
        <ul>
          <li><a href="#">FreelanceSwitch</a></li>
          <li><a href="#">Creattica</a></li>
          <li><a href="#">WorkAwesome</a></li>
          <li><a href="#">Mac Apps</a></li>
          <li><a href="#">Web Apps</a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3>Misc</h3>
        <ul>
          <li><a href="#">Design</a></li>
          <li><a href="#">Logo</a></li>
          <li><a href="#">Flash</a></li>
          <li><a href="#">Illustration</a></li>
          <li><a href="#">More...</a></li>
        </ul>
      </div>
    </div>
    
</li>

    <li><a href="#" class="drop"></a>
        <div class="dropdown_4columns">
            <div class="col_4">
            </div>
            <div class="col_1">
             <h3></h3>
                <ul>
                    <li><a href="#"> </a></li>
                </ul>
            </div>
            <div class="col_1">
                <h3></h3>
                <ul>
                    <li><a href="#">NetTuts</a></li>
                </ul>
            </div>
            <div class="col_1">
                <h3></h3>
                <ul>
                </ul>
            </div>
            <div class="col_1">
            </div>
        </div>
    </li>
    <li><a href="#" class="drop"></a>
      
      <div class="dropdown_4columns">
        
        <div class="col_4">
        </div>
        <div class="col_1">
          <h3></h3>
          <ul>
            <li><a href="#">Area </a></li>
            <li><a href="#"> </a></li>
            <li><a href="#">l</a></li>
            <li><a href="#"></a></li>
          </ul>
        </div>
        <div class="col_1">
          <h3></h3>
          <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#">Pt</a></li>
            <li><a href="#">s</a></li>
            <li><a href="#">t</a></li>
            <li><a href="#"></a></li>
            <li><a href="#">Sn</a></li>
            <li><a href="#">s</a></li>
          </ul>
        </div>
           <div class="col_1">
          <h3></h3>
          <br />
          <ul>
            <li><a href="#">t</a></li>
            <li><a href="#">Pn</a></li>
            <li><a href="#">Sn</a></li>
            <li><a href="#">s</a></li>
          </ul>
        </div>
        <div class="col_1">
          <h3></h3>
          <ul>
            <li><a href="#"></a></li>
            <li><a href="#"> </a></li>
            <li><a href="#"> </a></li>
            <li><a href="#">Pt</a></li>
            <li><a href="#">I</a></li>
            <li><a href="#">st</a></li>
          </ul>
        </div>
        <div class="col_1">
          <h3></h3>
          <ul>
            <li><a href="#"></a></li>
          </ul>
        </div>
          <div class="col_1">
          <h3></h3>
          <ul>
            <li><a href="#"></a></li>
          </ul>
        </div>
      </div>
      
    </li>
    <li><a href="#" class="drop">Sales Support</a>
            
            <div class="dropdown_4columns">
              
              <div class="col_4">
        </div>
              <div class="col_1">
                <h3></h3>
                <ul>
                  <li><a href="#"></a></li>
          </ul>
        </div>
              <div class="col_1">
                <h3></h3>
                <ul>
                  <li><a href="#"></a></li>
                  <li><a href="#"></a></li>
                  <li><a href="#">i</a></li>
          </ul>
        </div>
        <br />
              <div class="col_1">
                <h3></h3>
                <ul>
                  <li><a href="#"></a></li>
                  <li><a href="#"></a></li>
                  <li><a href="#"></a></li>
          </ul>
        </div>
              <div class="col_1">
                <h3></h3>
                <ul>
          </ul>
        </div>
      </div>
</li>
    <li><a href="#" class="drop"></a>
    
    <div class="dropdown_4columns">
      
      <div class="col_4">
      </div>
      <div class="col_1">
        <h3></h3>
        <ul>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3></h3>
        <ul>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3></h3>
        <ul>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3></h3>
        <ul>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
        </ul>
      </div>
      <div class="col_1">
        <h3></h3>
        <ul>
          <li><a href="#"></a></li>
        </ul>
      </div>
    </div>
    <li class="menu_right"><a href="#" class="drop">Main</a>
        <div class="dropdown_1column align_right">
                <div class="col_1">
                    <ul class="simple">
                        <li><a href="#"><strong></strong></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
        </div>
</li>
</ul>
<div class="row slideshow-container no-print fixed">
<div id="slideshow-index">
                                                  <ul>
                                                            <li>
                                                              <div class="slidetext">
                                                      <h2>Proin porttitor<br /> pulvinar risus nec</h2>
                                                                                <p>Sed interdum eleifend mollis. Proin quis lectus libero. Integer eu lectus erat, id aliquet risus.
                                                                                 Vivamus vitae mollis purus. Fusce id diam at purus sodales mollis. <a href="#">more</a></p>
                                                              </div>
                                                      <img src="images/slider/1.jpg" width="948" height="400" alt="" />                                                            </li>
                                                            
                                                            <li>
                                                                      <img src="images/slider/2.jpg" width="948" height="400" alt="" />
                                                                      <div class="slidetext">
                                                                                <h2>Curabitur<br /> sed sollicitudin orci.</h2>
                                                                                <p>Nunc eu tellus sed felis vestibulum pulvinar sed ac enim. Quisque tincidunt urna id arcu egestas
                                                                                 a rhoncus purus molestie erat eget nunc varius. <a href="#">more</a></p>
                                                                      </div>
                                                            </li>
                                                            <li>
                                                                      <img src="images/slider/3.jpg" width="948" height="400" alt="" />
                                                                      <div class="slidetext">
                                                                                <h2>Suspendisse vest<br /> pretium laoreet</h2>
                                                                                <p>Aliquam erat volutpat. Maecenas tincidunt porta hendrerit. Sed quis tristique nulla. Fusce volutpat
                                                                                 lobortis tellus sed tincidunt consequat egestas a elementum dolor. <a href="#">more</a></p>
                                                                      </div>
                                                    </li>
                        <li>
                                                                      <img src="images/slider/4.jpg" width="948" height="400" alt="" />
                                                                      <div class="slidetext">
                                                                      </div>
                                                            </li>
                                                  </ul>
                                                  <div id="index-slideshow-pager"> </div>
</div>
            
                              <div id="content">
            <table width="948px" height="40px" margin="margin: auto 6px auto 6px">
            <tr>
            <td><a href="#"></a></td>
            <td><a href="#"></a></td>
            <td><a href="#"></a></td>
            </tr>
            </table>
            <br />
                              <div class="venstre" style="width: 530px; margin: auto 6px auto 40px;">
                               <h2>Heading</h2>
                                                  <p>
                                                            Text </p>
            </div>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                              </br>
                            </br>
                              </br>
                              </br>
                              </br>
                    </div>
                    
</div>
          </div>
                              
          <div style="background: url(images/footer.png) no-repeat; position: bottom; margin: auto 6px 40px 6px; color: #ffffff;">
                              <div id="fot" style="width: 940px; float:center; text-align: left; margin-left: 40px; margin-right: 40px; padding-top: 25px; color: #ffffff;">
                                        <table style="border: 0px;">
                                                  <tr style="border: 0px;">
                                                            <td width="146px" style="border: 0px;">
*table*
                                        </table>
                              </div>
</div>
          <script type="text/javascript"> Cufon.now(); </script>
          
                    
</body>
</html>
CSS:
/* =RESET
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,d t,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:;border:0;outl ine:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-a lign:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{ border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:b efore,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
div.img
margin-left:6px;
z-index:200;
          body, ul, li {
          font-size:12px;
          font-family:Arial, Helvetica, sans-serif;
          line-height:21px;
          text-align:left;
#menu {
          list-style:none;
          width:870px;
          margin:0px auto 0px 44px;
          height:40px;
          padding:0px 20px 0px 20px;
          z-index:100;
          /* Background color and gradients */
          background: #636363;
          background: -moz-linear-gradient(top, #636363, #353535);
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#353535));
#menu li {
          float:left;
          display:block;
          text-align:center;
          position:relative;
          padding: 4px 10px 4px 10px;
          margin-right:5px;
          margin-top:5px;
          border:none;
          z-index:100;
#menu li:hover {
          border: 1px solid #777777;

Thanks Nancy,
However, two new issues appeared when I added the float, both the text in the menu and the image slider is now too far left.
See image below.

Flash slideshows not working.

Every since the latest upgrade of Flash I have been haveing problems with YouTube Videos not playing in Firefox, and now I note my Flash Slideshows (generated with Showit Web) are not playing at all. I have not had a problem with this in many years of using flash slideshows. Now with the last version NOTHING seems to work. I see I am not the only one having this problem. Slideshows are not playing in Firefox or IE9. This is not acceptable. And telling me how to fix it on my PC is not acceptable as none of my customers can see the slideshows on their PCs either. I am losing business as users are simply going away. This MUST be fixed!!
Example of slideshown not playing:
www.carlmillerphotos.com/artistfaerie
Flashe Version: 11.7.700.169
OS: Windows 7 (64-bit)
Browser: Mozilla Firefox, IE9

My work around was to unistall Flash Player 11.7.700.168 and reinstall the last version of 11.6. Since that time Adobe says they have fixed the bug internally. This is the Adobe reply to the bug I reported here: https://bugbase.adobe.com/index.cfm?event=bug&id=3544949
            Dongxing Li
10:37:31 PM PDT Apr 23, 2013
Hi，
   Thank you very much for your report. We have reproduced the issue.
Glad to tell you that this bug has been fixed internally, please wait for the next public release version.
Or you may try the beta version of the next release:
http://labs.adobe.com/downloads/flashplayer.html
Regards,
Donie
I have not tried to reinstall 11.7 to confirm that it works with the Showit slideshows yet. The problem is that this is out of our hands. We can work around it, but what really matters is what our slideshow viewers have installed on their computer. If Adobe is right there should not be a problem going forward with the latest Beta, and the next public release.
Has anybody tried to run a Showit slideshow with the latest Flash Player Beta? Here is one: http://mlphotography.com/slideshows/julie_scott/

Simple Slideshow isn't working in IE 7 and 8

I am using the simple slideshow widget for the first time. When I add the widget to Dreamweaver it seems to work fine. When I go to browser lab and review the results for Internet Explorer 7 and 8 all I see is the list view of the photos that I have included to the slideshow menu. Things seem to be fine for IE9, Chrome, Firefox and Opera. It seems as though IE isn't seeing the javascript. Does anyone have any ideas?
thanks in advance.
the sight is www.hairlinecreations.us

thanks for responding.
It turns out I had to place the 3 java calls for the spry navigation bar before the java calls for the slideshow. There must be something in conflict that interferes with the slideshow.
thanks again
idealneal

Slideshow Widget : keep on loading !

Hi !!!
I recently started to use the widget called : spry image slideshow with film strip
it looks perfect when i check it with the Live view but when I want to look at it on internet it keeps on loading.
look : http://www.iampm.fr/shadelines.html
Does anyone know how to fix that?
Thanks !!
Pauline

I tried in FF and IE9 without any probs.
Gramps

IPhoto slideshow using mini-dvi to video adapter

When using the mini-dvi to video adapter to connect to my widescreen tv (via composite), to show iPhoto slideshows, the transistions between slides dont apear and there are no ken burns effects. The slideshow runs fine on my MacBook display (ie when not conected to the tv), and the is no other distortion or flickering (as reported in other threads), this seems odd to me or is it just a limitation of analogue output.
2Ghz MacBook, White Mac OS X (10.4.7)

It means that the issue resides in your existing Library.
Option 1
Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Rebuild iPhoto Library Database from automatic backup.
If that fails:
Option 2
Download iPhoto Library Manager and use its rebuild function. This will create a new library based on data in the albumdata.xml file. Not everything will be brought over - no slideshows, books or calendars, for instance - but it should get all your albums and keywords, faces and places back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.
Regards
TD

How can I use one photo twice in a slideshow

I am in iPhoto '11 9.4.3 making a slideshow to send to iDVD for my mother-in-laws funeral next Wednesday.
How can I use this one particular photo of her several times in the slide show.
I have tried copy/past and that does not seem to work.
Thanx in advance

I would just duplicate the picture several times and keep inserting duplicates ...

Slideshow in IE9

Similar Messages

Maybe you are looking for