Thursday, February 4, 2010

Development 4

I uploaded an image as header background. First, I changed the width of the outer-wrap to 1000px (I did it because I wanted to add another sidebar). I cropped the photo I wanted to put there and resided it to be 1000px wide. I uploaded it on the dada.cca.edu (using FileZilla btw). Then I copied the URL in the code: #header {
background:url("http://dada.cca.edu/~eivanova/header_pic1.jpg") no-repeat $startSide bottom;
padding:50px 15px 8px;
}
The top and the bottom of the image were cut off and I had to play around with the padding for the text to fix it.

When I uploaded a header-background image through Layout/Page Elements it was not centered.

No comments:

Post a Comment