Treehouse: Grow your CSS skills. Land your dream job.

Generate by CSS or Table

  • # March 24, 2011 at 10:44 am

    What’s the point by making your slice tool in photoshop and generate it to CSS?
    I would like that my text will be dynamic no matter how much text i’ll put, I want the footer will repeat

    for example this picture:

    here the footer is going down automatically with tables:

    how can i make it also in CSS?

    # March 24, 2011 at 11:06 am

    If I understand what you want, you need to repeat your background image vertically so when new content is added, the background continues.

    review the background property which is what you will use.

    # March 24, 2011 at 11:19 am

    in your example i see a image that does not move.

    my example is like this:

    i would like that the text like in the picture,
    and the footer (which it’s another div tag) will go down every time i’m putting more text…

    Any Idea?

    # March 24, 2011 at 11:56 am

    Make your header a single image – the top part including the rounded corners.
    No need to cut it up so much.

    The main portion should be a horizontal strip that is from the very left edge (including shadows) to the very right edge (including shadows), then you repeat this vertically.

    Here’s an example from a site I created some years ago.

    The image is just a strip of the layout.

    # March 27, 2011 at 10:05 am

    Ok, but what is the code to make it repeat when I’m putting the main text?

    # March 27, 2011 at 7:32 pm

    selectorNameHere {
    background: url(../images/bgImageName.jpg) repeat-y;

    # March 31, 2011 at 11:15 am

    I tried it but not sure what it’s not working…
    Have you done this before, can i PM you or something?
    because that’s very important for me and i don’t know where can i find an answer…

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.