Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to make different layers in table cell?

    In the HTML below I made a table structure in order to get images in the center of the screen irrespective of the screen resolution of the user. Now I wonder if I could use different layers in the central table cell in order to get images and text above/under each other. For example I would like to have layer1 on top of layer2 instead of the two layers beside each other (as is in the HTML below). But I don't know how to do this. Can anyone help?

    This is the HTML:
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 4">
    <style type="text/css"><!--
    #layer1 {z-index: 1 }
    #layer2 {z-index: 2 }
    -->
    </style>
    </head>

    <body bgcolor="white" text="black">
    <table border="1" bordercolor="blue" width="100%" height="100%">
    <tr height="10%">
    <td height="10%"> </td>
    </tr>
    <tr height="80%">
    <td align="center" valign="middle" height="80%">
    <table border="1" bordercolor="red" width="80%" height="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td align="center">
    <div id="layer1">
    <img src="image1.jpg" width="100" height="100">
    </div>
    <div id="layer2">
    <img src="image2.gif" width="150" height="150">
    </div>
    </td>
    </tr>
    </table>
    </td></td>
    </tr>
    <tr height="10%">
    <td height="10%"> </td>
    </tr>
    </table>
    </body>
    </html>

    Kippie

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    I copied your code and image1 was above image2 ?

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Solved it already. thanks Mr. J.

    Kippie


  •  

    Posting Permissions

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