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 3 of 3
  1. #1
    Junior Member
    Join Date
    Nov 2005
    Location
    Birmingham, AL
    Posts
    2
    Member #
    11948
    Hi. I have a layout idea, but I just don't know how to make it work. Within my main page I want to use a box that contains the content. At the edge of the box would be pictures that overlay each other in alternate angles. I would prefer they be seperate images so the pictures could be rotated if necessary. Please see the VERY crude diagram to get an idea of what I mean. Any ideas of how this can be accomplished would be appreciated. Thanks in advance!

    Mark

    http://hephaesteum.org/wp-content/crude_layout.jpg

  2.  

  3. #2
    Senior Member Rince's Avatar
    Join Date
    Nov 2004
    Posts
    183
    Member #
    8318
    The picture, although rotated, would still be physically square to the page. What you do it rotate them in your graphics program (e.g. photoshop) and have a transparent background where the spare side triangles are (so you can see what's under them.)

    You could then position the images inside layers/div tags on the page. By putting them in div tags, you can set the css property z-index to say which image is ontop of which. e.g.
    Code:
    <div style="postition:absolute; top:50px; left:100px; z-index:1;">
    <img src="file1.gif" width="200px" height="250px">
    </div>
    <div style="postition:absolute; top:150px; left:200px; z-index:2;">
    <img src="file2.gif" width="200px" height="250px">
    </div>
    You should see the two image's overlaping. The second image should be ontop because it has the higher z-index.

  4. #3
    Junior Member
    Join Date
    Nov 2005
    Location
    Birmingham, AL
    Posts
    2
    Member #
    11948
    wonderful, thank you!


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:52 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com