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 select one layer and make only that one visible?

    I'm looking for a simple way to select one out of many layers (<div>'s), make that specific layer visible and all other invisible. And then making another layer visible while all others are made invisible etc. In the HTML below there is a simple example of four layers. Can anyone help?
    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 4">
    <title>Welcome to Adobe GoLive 4</title>
    <style type="text/css"><!--
    #layer { position: absolute; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible }
    #layer2 { position: absolute; top: 148px; left: 217px; width: 100px; height: 100px; visibility: visible }
    #layer3 { position: absolute; top: 155px; left: 16px; width: 100px; height: 100px; visibility: visible }
    #layer4 { position: absolute; top: 10px; left: 249px; width: 100px; height: 100px; visibility: visible }-->
    </style>
    </head>

    <body>
    <div id="layer">
    This is layer 1</div>
    <div id="layer2">
    This is layer 2</div>
    <div id="layer3">
    This is layer 3</div>
    <div id="layer4">
    This is layer 4</div>

    </body>

    </html>

    Kippie

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks a lot
    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
    •