Forum Moderators: not2easy

Message Too Old, No Replies

Tiles - repeat on top and left side

         

Adam5000

10:33 pm on Oct 2, 2008 (gmt 0)

10+ Year Member



I've almost got my website done. I'm doing the background on one of the pages now, and this page has a story on it. <p>Once upon a time, in the land of . . . </p> I've got a seamless tile that I like (150px x 150px), and I'd like it to tile for one row across the top of the page, and one column down the left side, leaving a large blank area for the text. I've found a way to do either one (background-repeat: repeat-x or repeat-y) but not both. Is there a way to do both or maybe another approach?

Help!

swa66

10:36 pm on Oct 2, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In CSS3 you will eventualy have multiple backgrounds that should allow this easily. However we're not there yet. so now you best bet is to use more than one element in the html. E.g. a div that sits there to hold the horizontal row and has the background and is given a 150px height.
Next the main part of the text that's holding the vertical band.

Adam5000

11:18 pm on Oct 2, 2008 (gmt 0)

10+ Year Member



That works good too and gives the same appearance. Thanks for your help. This isn't easy. I'm styling about 50 pages.