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:
    http://fashionaki.com/blog/new/example/example.jpg

    here the footer is going down automatically with tables:
    http://fashionaki.com/blog/new/example/example2.jpg

    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.

    http://www.w3schools.com/css/pr_background.asp

    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:
    http://fashionaki.com/blog/new/example/example3.jpg

    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.

    http://www.themoviepostersite.com/images/bgmain.png

    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.

*May or may not contain any actual "CSS" or "Tricks".