Jump to content

Archived

This topic is now archived and is closed to further replies.

mrsrico

Quickslider displays/stacks all images in IE8 and IE9

Recommended Posts

mrsrico    0
mrsrico

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mrsrico    0
mrsrico

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
greenfly    230
greenfly

Hi Mrsrico 

 

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


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mrsrico    0
mrsrico

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
greenfly    230
greenfly

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


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mrsrico    0
mrsrico
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
greenfly    230
greenfly

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. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mrsrico    0
mrsrico

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
greenfly    230
greenfly

Thanks for letting us know :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
ediblebajaarizona    0
ediblebajaarizona

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • triggerfish
      By triggerfish+
      I am stumped here, The Mega menu drop down menus are going under the Quickslider.
      I have tried the Z-index with no luck..any ideas here would be greatly appreciated.
      http://randbplumbing.ca/slider-test-3/
       
    • richardjacruz
      By richardjacruz+
      I received our monthly Alexa report, and it pointed out that there were missing alt tags on EVERY page on our site. Upon closer inspection, it looks like the QuickSlider which is used for the scrolling banners at the top of the site doesn't bring in the alt tags. Recently, you made a change to the RevSlider to allow images to have "alt" tags. Can you do that for the QuickSlider too?
      Thanks.
    • selmakdesign
      By selmakdesign
      Hi!
      Could really use some help on this one:
      How can I customize the navigation in the quickslider?
      The navigation (previous and next slide) is a font awesome icon which looks like a simple grey box.
      1. I'd like to replace this with custom arrow images?
      2. Is it possible to also add to the navigation: first slide/last slide?
       

    • JudithKlinger
      By JudithKlinger+
      Anyone out there have experience with issue based plugins? 
      I have a site that needs to be issue based. Looking at IssueM plugin, but not sure it works with DMS/Pagelines type themes. 
      Anyone know anything? Thank you!!!
    • pehja
      By pehja+
      Hello!
      I am getting pretty tired of things that does not work as it should in DMS. Now it is impossible to have a two column footer with quickslider as one of the items. Take a look here http://pehjaproduction.se/kulingen/
      I have tried three column, two column, no column. nothing works. 
×