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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Mar 2011
    Posts
    212
    Thanks
    10
    Thanked 1 Time in 1 Post

    How do you make a webpage grow as the content grows?

    Sorry, Im not sure where exactly this would go, but I have a website, http://www.chicosdirtytacos.com and I was asked to make a news page, How would I go about making the backgrounds grow as the content grows past the current frame? I know it has something to do with dynamic website building, but I have to say Im confused on what that is. Would this be difficult to do?

  • #2
    New Coder
    Join Date
    Aug 2009
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Well I'm kind of new to this also but I think i understand how to do this as ive done it before.

    You are going to need a piece of the background in the css with the defined width but with no defined height. you only need a small piece of the background which will repeat to make the site faster loading.

    Coding example (css)

    #body{
    background-image:url(body.jpg);
    width:974px;
    }

    Thats the background image with the width defined but no heights so it will auto increase as you add content.


    ...almost forgot, you will need to put something with a id="body" into the html file in the index or include file.

    much love,

    Raven.

  • #3
    Regular Coder
    Join Date
    Mar 2011
    Posts
    212
    Thanks
    10
    Thanked 1 Time in 1 Post
    I think i get that, I mean i did that for the background slice, but for the area with the actual content in it ( its like an image of an unrolled parchment paper) im not sure how to go about that part..

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You could pull the image into PS, pick a section thats plain if there is one, and crop it. You'd have to do something else for this image though, as you cant set two background images for the same element.

    You might be able to add a div below the initial set image, then set that divs background as the sliced image.
    Teed

  • #5
    Regular Coder
    Join Date
    Mar 2011
    Posts
    212
    Thanks
    10
    Thanked 1 Time in 1 Post
    Hmmm I think* I get it, so thats really all there is to it?! Thats awesome! I guess Ill probally need a new content image as the one given to me will absolutely not work for that..

    Thanks guys!


  •  

    Posting Permissions

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