Repeating background

They have: 7 posts

Joined: Mar 2008

Im try make a site have a variable height depending on how much content put in there.

Like on this site it has a shadow at the each side of the layout, this is a image? but how to you repeat that image so it keeps on going down the page when you add more contents?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

That shadow is a background image on the containing div. Use repeat-y to get the image to repeat only vertically, repeat-x to get it to repeat only horizontally. Look up CSS background properties and experiment.

They have: 7 posts

Joined: Mar 2008

How can I get it to repeat its self as i add content?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

It should just do that. Unless you're doing something really weird with your code. Can you show us what you're working on?

They have: 7 posts

Joined: Mar 2008

I have attached the html/css and a image explaining

dont know if this helps you?

AttachmentSize
repeatbackground.jpg 117.1 KB
html.txt 65.37 KB
Megan's picture

She has: 11,421 posts

Joined: Jun 1999

It would be better to see a working web page URL.

You're going to have problems with this because everything is absolutely positioned. You need to learn to code this properly.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Eeek, this is one of the problems of using ImageReady to create the code for you: it's not very good at it. The design will break and it's impossible to update it.

I had a brief look at your code but would say it's impossible without completely re-writing all of it. You really do need to know HTML to create Web pages, am not trying to be patronising, just telling you the truth I'm afraid. Sad

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.