Page 2 of 2 FirstFirst 12
Results 11 to 14 of 14

Thread: Looking for the following image slider..

  1. #11
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    vwphillips and djr33, both thank you for your comments!
    I was indeed talking about dreamweaver but I completely understand that this might not have been clear
    I didn't knew that the design view in dreamweaver sometimes displays the page wrong. So, nice that this has been clarified.

    I did test the imageslider in IE and firefox and I didn't see the buttons in those real browsers (while they did appear in the design view).

    To make things easy I uploaded the page here so I would very much appreciate it if you can look at it.

    I tried to give the buttons the z-Index:101, but for me nothing changed.

    Thanks in advance,
    Rosalie
    Last edited by Rosalie; 04-12-2011 at 06:06 AM.

  2. #12
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    It should help with the z-index. Try it like this:
    Code:
    <style type="text/css">
    /*<![CDATA[*/
    
    .tstparent {
      position:relative;left:200px;top:50px;width:360px;height:270px;border:solid red 1px;
    }
    
    .tstparent IMG {
      position:absolute;left:1px;top:120px;z-index:101;cursor:pointer;
    }
    }
    
    #tst {
      position:relative;left:0px;top:0px;width:360px;height:270px;
    }
    
    #tst IMG{
      position:absolute;left:0px;top:0px;width:360px;height:270px;border-Width:0px;
    }
    /*]]>*/
    </style>

  3. The Following User Says Thank You to azoomer For This Useful Post:

    Rosalie (04-12-2011)

  4. #13
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by azoomer View Post
    It should help with the z-index. Try it like this:
    Code:
    <style type="text/css">
    /*<![CDATA[*/
    
    .tstparent {
      position:relative;left:200px;top:50px;width:360px;height:270px;border:solid red 1px;
    }
    
    .tstparent IMG {
      position:absolute;left:1px;top:120px;z-index:101;cursor:pointer;
    }
    }
    
    #tst {
      position:relative;left:0px;top:0px;width:360px;height:270px;
    }
    
    #tst IMG{
      position:absolute;left:0px;top:0px;width:360px;height:270px;border-Width:0px;
    }
    /*]]>*/
    </style>
    It works! Thank you very much for your help.

  5. #14
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •