Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Aug 2005
    Posts
    1
    Member #
    11177
    I haven't used layers much and I'm having problems getting a film strip image slide show to work. I want to use layers for this because I like the effect.

    The problem is I'm using relative positioning and the layers are not stacked on top of each other like I want. They are positioned underneath each other. If I use absolute positioning then it's only right on one screen resolution and I don't want to use Javascript to correct that. I would rather use relative positioning.

    Here is the page:
    http://www.southgashelving.com/bedroom.php

    I am using Dreamweaver MX btw.

    If you click on the first few thumbnails at the bottom you will see what I mean. Of course I want the enlarged images to all show in the same area.

    Here is the layer code which is located inside a table cell:
    <div id="LyrAnchor">
    <div id="LyrPic1" style="position:relative; left:10px; top:10px; width:250px; height:251px; z-index:1; visibility: visible;"><img src="images/250x250/bedroom17.jpg" width="250" height="251" /></div>
    <div id="LyrPic2" style="position:relative; left:10px; top:10px; width:250px; height:250px; z-index:2; visibility: hidden;"><img src="images/250x250/bedroom13.jpg" width="250" height="250" /></div>
    <div id="LyrPic3" style="position:relative; left:10px; top:10px; width:250px; height:250px; z-index:4; visibility: hidden;"><img src="images/250x250/bedroom18.jpg" width="250" height="250" /></div>
    <div id="LyrPic4" style="position:relative; left:10px; top:10px; width:250px; height:250px; z-index:3; visibility: hidden;"><img src="images/250x250/bedroom23.jpg" width="250" height="250" /></div>
    <div id="LyrPic5" style="position:relative; left:10px; top:10px; width:250px; height:250px; z-index:5; visibility: hidden;"><img src="images/250x250/bedroom21.jpg" width="250" height="250" /></div>
    </div>

    Please Help !!



    thanks

  2.  

  3. #2
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    I'm not really following what exactly you are trying to do, but try to following CSS rules (mix and match I guess to see what works since I didn't see what you meant on your example):

    Code:
    clear: none;
    display: inline;
    float: left;


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:17 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com