Forums > repeat background

Forums > Resource Center > Webmasters' Corner

rayyyy

Jul 30 2009, 09:16 AM

Okay, so I designed this layout and i want to have the striped background continue down and I'm not sure how to do that. This is the code..

CODE

body {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 12px;
    text-align:justify;
    line-height: 20px;
    color: #202020;
    padding:0; margin:0;
    background: url(images/mtlay5.png) no-repeat center top;
}

the mtlay5.png is the header image: Header Image

What can i put in my code and where to make the background continue on?

Thanks,

Rachel

synatribe

Jul 30 2009, 10:11 AM

CODE

background-repeat: repeat-y;

add that to the body CSS

rayyyy

Jul 30 2009, 10:38 AM

Okay, I knew that but that will repeat the header..i dont want to do that.

deadmellotron

Jul 30 2009, 10:42 AM

There's no way to repeat the stripes if it's part of that whole image, sorry. Make part of the stripes a background and change that image into a header template and position it.

rayyyy

Jul 30 2009, 10:43 AM

how do I change it to a header template?

deadmellotron

Jul 30 2009, 10:44 AM

Just put it in it's own DIV class and position it correctly. To get it exactly centered make the margin-left property -700px

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.