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

    Browser Scale-able Homepage Image

    Hi,
    I'm trying to make the pano look similar to the one on name.com homepage. So it fills the whole space that you see and when you resize the browser the image shrinks proportionally and is not cut off.
    I've tried several different things, but I can't seem to get it quite right. The image wants to tile and it doesn't scale down, it just gets cut off. http://d.pr/i/aUbM

    Here is what I currently have plugged in for the code on the css side it is section.hero - http://d.pr/i/tRPU

    Are there any suggestions anyone could give me or tutorials anyone could direct me to?

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,438
    Thanks
    23
    Thanked 630 Times in 629 Posts
    The image name.com uses is 1200x800. its done like this:
    Code:
    body{
       background: url('bill-group-bikes_opt.jpg') top left white no-repeat;
    }
    </style>

  • #3
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    if you cant find something to work quite the way youd like, here is one of a few jQuery plugins that will do it. http://srobbin.com/jquery-plugins/backstretch/


  •  

    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
    •