 Repeat Image Vertically, How do I make this work? |
|
|
|
|
  |
 Jul 15 2005, 05:58 PM
Post
#1
|
|
|
Newbie [Level 3]  Group: Members Posts: 45 Joined: 18-June 05 From: Norway Member No.: 8,410  |
I'm just seeking some help here...
I have an image that I want to be repeated vertically on both sides of my layout. It will work as a kind of border on each side of my site. I need it to always go as far down as the page content, and I'm wondering if there's a way to do this...? Can it be done using tables and css or something? It can't be in the same table as my text content because I'm using an iframe (that will resize depending on the contents length).. Anyone who understands what I'm trying to say..?? |
 |
 
|
|
Jul 15 2005, 06:24 PM
Post
#2
|
|
|
Moderator Group: Members Posts: 2,325 Joined: 8-March 05 From: Mawson, Antarctica Member No.: 4,254 |
Yes. I use it for my site.
It can be accomplished with CSS. Avoid using tables unless your are displaying tabular data. Here's the code that I used: CODE #middle { background: url(mid.gif) repeat-y; background-repeat: repeat-y; } Of course, #middle is the content box that will be expanding. To apply it to HTML code, you would do something like this: CODE <div id="middle">sdfsdf</div> If you need more specific help, post the URL to your site, and I'll help you more. If you want me to see the message, be sure to PM me. |
|
|
|
|
Jul 15 2005, 06:44 PM
Post
#3
|
|
|
Ephesians 6:10-17  Group: [MODERATOR] Posts: 1,917 Joined: 22-June 05 From: The World of Gentoo Member No.: 8,528 |
QUOTE(snlildude87 @ Jul 15 2005, 02:24 PM) Here's the code that I used: CODE #middle { background: url(mid.gif) repeat-y; background-repeat: repeat-y; } You can do it all under one property. CODE <style> .y{background: url(image.gif) repeat-y;} </style> Then: CODE <td class="y"> |
|
|
|
|
Jul 16 2005, 05:26 AM
Post
#4
|
|
|
$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3 Group: [HOSTED] Posts: 6,561 Joined: 21-September 04 From: 9r33|\| 399$ 4|\|D 5P4/\/\ Member No.: 1,218  |
hmmm that would be some good css right for a image template and the right looking borders definately going to use that little trick...save it now.
|
|
|
|
|
Jul 31 2005, 06:05 PM
Post
#5
|
|
|
Newbie [Level 3] Group: Members Posts: 45 Joined: 18-June 05 From: Norway Member No.: 8,410 |
Thank you very much. I've figured out how to do it now, except I don't know how to make it repeat vertically on both the right and left side of my site. Does anyone know how to repeat an image to the right as well?
|
|
|
|
|
Similar Topics
| Topics | Topics | |
|---|---|---|
|
|
|
|
Lo-Fi Version | Time is now: 12th October 2008 - 07:26 AM |