SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Non Absoulute Positioning Verticle Pop up Menu Script

    I'm looking for a verticle oriented popup menu script that doesn't realy on absolute positioning.

    For example, this page: http://www.miracle-group.com/ has category links on the left side. I'm looking for a popup script that will pop open a menu to the left of the link that does not need a absolute position. There are too many changing positions on that menu to accurately set position.


  2. #2
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, an absolutely positioned element with NO positioned container get's it's 0x0 coordinate from the BODY right?

    Did you know that an absolutely positioned element WITH a positioned (absolute OR relative) container get's it's 0x0 coordinate from that container?

    Does this change your outlook on things?
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev




  3. #3
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't get it.


  4. #4
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check out both of these, maybe you'll see the difference. First this:
    Code:
    <html>
    <head>
    <style type="text/css">
    div#floater {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 30px;
    top: 30px;
    border: 1px solid black;
    background-color: #DDD;
    }
    </style>
    </head>
    <body>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vestibulum, dui nec laoreet adipiscing, libero quam facilisis neque, eu blandit justo nisl a lacus. In vestibulum velit vitae quam. Donec arcu nulla, suscipit id, gravida vitae, faucibus a, orci. Nam id mi et nibh feugiat congue. Suspendisse euismod neque lobortis dui. Curabitur volutpat lacus a justo. Phasellus quis ligula quis ante consectetuer euismod. Maecenas ac sem at ipsum tempus egestas. Aenean et ipsum. Nullam nec lacus et est dapibus ultrices. In nonummy justo ut mauris. Aenean a augue.</p>
    <div>
    <div id="floater"></div>
    </div>
    </body>
    </html>
    And now this, with one SMALL change:
    Code:
    <html>
    <head>
    <style type="text/css">
    div#floater {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 30px;
    top: 30px;
    border: 1px solid black;
    background-color: #DDD;
    }
    </style>
    </head>
    <body>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vestibulum, dui nec laoreet adipiscing, libero quam facilisis neque, eu blandit justo nisl a lacus. In vestibulum velit vitae quam. Donec arcu nulla, suscipit id, gravida vitae, faucibus a, orci. Nam id mi et nibh feugiat congue. Suspendisse euismod neque lobortis dui. Curabitur volutpat lacus a justo. Phasellus quis ligula quis ante consectetuer euismod. Maecenas ac sem at ipsum tempus egestas. Aenean et ipsum. Nullam nec lacus et est dapibus ultrices. In nonummy justo ut mauris. Aenean a augue.</p>
    <div style="position:relative">
    <div id="floater"></div>
    </div>
    </body>
    </html>
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev





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
  •