www.webdeveloper.com
Results 1 to 5 of 5

Thread: How do I position something so that it doesn't affect other content?

  1. #1
    Join Date
    Apr 2005
    Posts
    490

    How do I position something so that it doesn't affect other content?

    How do I position something so that it doesn't affect other content?

    I have a div, and inside I want to put an 'edit' button at the top, but I don't want the placement of that edit button to effect anything else.

    I've got something like this:
    Code:
    <div>
    <a class="dontMove">Edit</a>
    Other things, like text
    Like pictures
    These should not move!
    </div>
    My CSS is:
    Code:
    a.dontMove,
    a.dontMove:link,
    a.dontMove:visited
    {
     position: relative;
     z-index: 2;
     left: 2px;
     top: 2px;
    }
    a.dontMove:hover,
    a.dontMove:active
    {
     position: relative;
     z-index: 2;
     left: 2px;
     top: 2px;
    }
    What am I doing wrong?

    Thanks.


    OM

  2. #2
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    the only way to break something out of the box model is to use
    Code:
    position: absolute
    If you are using PHP please use the [PHP] and [/PHP] forum tags for highlighting...
    The same applies to HTML and the forums [HTML][/HTML] tags.

  3. #3
    Join Date
    Apr 2005
    Posts
    490
    thanks for the reply.
    tried that.
    but it takes the absolute point to be the start of the page - i.e. the top left corner.
    how do i make it absolute to the place where it's being put inside - i.e. a div?
    thanks.

  4. #4
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    remove your positioning, use margins to position it(top and left unless your aligning it in some other way, negatives = up/left, positives = down/right)
    If you are using PHP please use the [PHP] and [/PHP] forum tags for highlighting...
    The same applies to HTML and the forums [HTML][/HTML] tags.

  5. #5
    Join Date
    Apr 2005
    Posts
    490
    erm: even if i do that, just the fact that i have one itm next to the other pushes the next item right or down.

    the first item will be and 'edit' link.
    what i will do afterwards is allow the user to see the real version without the 'edit' links - i.e. show the html page with the 'edit' links removed.

    surely if i use margins, then when the 'edits' are removed: this will mess up my formatting?

    let me know what u think.

    thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles