• 0

Quickslider displays/stacks all images in IE8 and IE9


Question

Posted · Report post

The quickslider animation is not displaying correctly in IE9 and IE8.  I had 8 images before, but reduced it to 3 because it rotates the first two and then stacks the rest below it.  Does anyone know why this is happening and how it can be fixed?

 

http://anabelleswish.org/

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

There is at least one problem with the HTML - try running it through http://validator.w3.org/check and fix the issues with the <font> tag. This might make the HTML work in the slider. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there,

 

So if you remove the latter images the stacking stops? Usually this will happen if there's a js conflict but if that was the case the first two images wouldn't usually rotate, they'd all stack.

 

Couple of things to try.

 

Try removing the boxes at the bottom from the layout, you can put them back after. With them removed see if the slider works correctly. If it does, there's some html in the boxes which could be throwing the page out.

 

Try re-uploading the images in case something is corrupted with one the slides.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks so much for the suggestions!  

 

Unfortunately, I tried both but neither fixed it.  I was able to figure out what is causing the problem though.  It's because I have HTML code in the slide text.  When I removed it, the slides display fine in IE9.  Any ideas of how I can work-around this?  I'd like to keep the link to the newsletter there but would prefer not to have the whole image be the link.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Mrsrico 

 

Have you since managed to resolve this? The image no longer appears to be a link. (am i missing something?)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello Martin Davies, no I haven't resolved it yet.  The images are still displaying one after the other because I have HTML in the slide text.  The only thing that is a link now is the "Spring 2013 Newsletter" text.  I could take out the HTML including the href and making the whole image a link to the newsletter, but I would prefer not to if there is a way to make it work.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you provide the html you are using that breaks the slider? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Martin Davies
 
Here is the code: 
<br><br><b><font color="#2761ae">What We Do</b></font> <font color="#061d3b">Anabelle’s Wish provides aid not only for uncovered medical expenses but also for additional expenditures incurred when caring for a special-needs child: filling the car with gas for frequent doctor and hospital visits, higher electric bills because of constantly running medical equipment, the need to hire a nurse rather than a babysitter, and more. We also make available extra spending money so that families can enjoy some simple but important pleasures, like dining out or visiting the zoo – outings that they may no longer be able to afford because of expenses incurred when caring for a special needs child.<br><br>
Check out our<b> <a href="/wp-content/uploads/2013/07/AnabellesWishSpring2013.pdf">Spring 2013 Newsletter.</a></b>

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Martin Davies It was the font tag.  I removed it and set it in the custom code instead.  Thank you so much for your help!  The issue has been resolved.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for letting us know :) 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I am getting the same issue in Safari and Firefox (though it works fine in Chrome). I am not using any HTML code in the text area but the images are double-stacked. So it isn't just a HTML code problem. Any suggestions?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

Please don't post the same issue in multiple topics, and definitely not in resolved ones.  You're likely to be ignored.  I've answered this in another topic.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now