+ Reply to Thread
Results 1 to 6 of 6

Thread: Help placing an image at the bottom of the screen

  1. #1
    liltaper08 is offline x10Hosting Member liltaper08 is an unknown quantity at this point
    Join Date
    Dec 2008
    Posts
    5

    Question Help placing an image at the bottom of the screen

    I was using css to put a paypal donate image at the end of my website

    img.paypal
    {
    position:absolute;
    left:740px;
    bottom:-60px
    }

    There seems to be an easier way to just make it always appear at the bottom instead of typing in different pixel numbers and seeing where it will go

  2. #2
    supajason's Avatar
    supajason is offline x10 Lieutenant supajason is an unknown quantity at this point
    Join Date
    Oct 2007
    Location
    England........:-)
    Posts
    288

    Re: Help placing an image at the bottom of the screen

    what about this?

    HTML Code:
    <html>
    <head>
    <style type="text/css">
    body
    {
    background-image: url("PICTURE.GIF");
    background-attachment: fixed;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    }
    </style>
    </head>
    <body>
    
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    </body>
    </html>
    supajason was here

  3. #3
    freecrm's Avatar
    freecrm is offline x10 Elder freecrm is an unknown quantity at this point
    Join Date
    May 2008
    Location
    UK
    Posts
    629

    Re: Help placing an image at the bottom of the screen

    Quote Originally Posted by supajason View Post
    what about this?

    HTML Code:
    <html>
    <head>
    <style type="text/css">
    body
    {
    background-image: url("PICTURE.GIF");
    background-attachment: fixed;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    }
    </style>
    </head>
    <body>
     
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
    <h1>This is a Heading</h1>
     
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    <p>Some text.</p>
    </body>
    </html>
     
    Isn't this just putting in a fixed background image? i.e. the text will flow over the top of it and it needs to be the same size as the browser window (which is never constant).

    I can't understand what the problem is here. Surely, if you want the image placed at the base of each page, the css placement would be bottom: 0;

    Or am I missing something?

  4. #4
    liltaper08 is offline x10Hosting Member liltaper08 is an unknown quantity at this point
    Join Date
    Dec 2008
    Posts
    5

    Re: Help placing an image at the bottom of the screen

    evertime i do it gets a lil weird

    maybe its the server ad the webhost added at the top of the page..it seems to throw everything off

  5. #5
    freecrm's Avatar
    freecrm is offline x10 Elder freecrm is an unknown quantity at this point
    Join Date
    May 2008
    Location
    UK
    Posts
    629

    Re: Help placing an image at the bottom of the screen

    Shouldn't be a problem with absolute positioning unless it conflicts with something else.

    Try changing the z-index: to see if anything overlaps.

  6. #6
    $username's Avatar
    $username is offline x10Hosting Member $username is an unknown quantity at this point
    Join Date
    Mar 2008
    Posts
    1

    Re: Help placing an image at the bottom of the screen

    I used the code from here to make something very similar to what you are trying. You can check my webpage and see my footer. But if you used tables rather than divs I don't know if it helps.

+ Reply to Thread

Similar Threads

  1. Replies: 1
    Last Post: 07-15-2008, 09:22 PM
  2. errors while attaching
    By mattspec in forum Feedback and Suggestions
    Replies: 0
    Last Post: 12-19-2005, 01:50 PM
  3. November Desktop
    By n4tec in forum Off Topic
    Replies: 12
    Last Post: 11-08-2005, 07:18 AM
  4. Photoshop Tutorials
    By Cambridge in forum Tutorials
    Replies: 9
    Last Post: 10-02-2005, 09:16 AM
  5. Placing ads on 4images image gallery
    By sh8y in forum Free Hosting
    Replies: 2
    Last Post: 02-22-2005, 10:19 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers