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
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS/HTML background image

    Hello,
    I am looking for a way to set 1 image at the bottom of the page (not at the bottom of the screen but page, only if I scroll down I will see that image)
    1 example of that page I found is on http://www.fatcow.com/ (I'm not advertising)

    Thank you

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Posts
    157
    Thanks
    9
    Thanked 13 Times in 13 Posts

    set styke for HTML element

    Remember besides the BODY element, there is also the full-screen HTML element so style your html

    Code:
    html { margin: 0; padding; 0; background: aqua url(path/imageam.jpg} no-repeat center bottom; }
    
    body { margin: 0; padding; 0; background: transparent; color:black; }

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,683
    Thanks
    25
    Thanked 656 Times in 655 Posts
    I think for one image I'd use absolute positioning with attributes bottom and left/right to lock it in place. A thought = make sure other parts of the page do not get in it's way if the page is resized or content changed.
    Last edited by sunfighter; 10-07-2012 at 03:47 PM.


  •  

    Posting Permissions

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