Grow your CSS skills. Land your dream job.

Anythingslider problem

  • # September 3, 2009 at 5:56 pm

    Hi guys,

    New here and to be honest really just finding my feet with regards to some jquery and css elements.

    I’ve downloaded the anythingslider plugin and have got most of it working just how I want it, however I’ve hit a problem.

    I’ve reduced the width and height of the plugin, changed the colours etc without many problems. My slides have a product image on them along with text. Some of the text is clickable and the image is clickable. All good so far. However I can’t get the image to position correctly in all IE’s.

    I’ve currently got the image coded as:

    Code:
    .image-mine {float: right; margin: -20px 0px 0 0px; }

    In FF and IE8 this renders exactly as I want it, but in pre IE8 the image is 20px too high. If I change the code to

    Code:
    .image-mine {float: right; margin: 0px 0px 0 0px; }

    then it looks great in pre IE8 but too low in IE8 and FF.

    Any ideas gratefully appreciated as this is now driving me mad.

    The example is at http://www.purplepleasures.com/js/anythingslider/2/ – but a word of warning we sell adult toys so don’t look if easily offended.

    Thanks

    Steve

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".