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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    image to overlap existing page..... div tag?

    hello,

    I have a long page . When viewing the page I am trying to have an image completely over lap what already exists on the page without editing any of the already existing HTML......

    I am trying to have a smaller image ( jpg ) towards the middle-top of the page and another one all the way in the bottom left corner (about 2 1/2 page lengths down).....

    this is what I have so far, but the second image that belongs in the bottom left corner is nowhere near the bottome left corner....

    Code:
    <div style="position:absolute; top:38%; left:22.5%;">
    <IMG SRC="MYPIC.JPG">
    </div>
    <div style="position:absolute; top:100%; left:100%;">
    <IMG SRC="MYOTHERPIC.JPG">
    </div>
    What is the best way to get these images precisely aligned without editing the existing HTML at all... Thanks in advance everyone

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    have you tried this?
    Code:
    <img style="position: absolute; bottom: 0; right: 0;" src="image.gif" alt="whatever" />


  •  

    Posting Permissions

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