Jul 26, 2008

Repeat Image Vertically - How do I make this work?

Free Web Hosting, No Ads > CONTRIBUTE > The Internet > Website Discussion

free web hosting

Repeat Image Vertically - How do I make this work?

green fairy
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..??

Reply

snlildude87
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.

Reply

truefusion
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">

Reply

Saint_Michael
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. tongue.gif

Reply

green fairy
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?

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : repeat, image, vertically, make, work

  1. Image Board Software With Password.
    Image Board with user login. (4)
  2. Free Image Hosting - Exclusive To Trap17 Members
    for now at least.... (0)
    Hi, I just introduced free image hosting and thought I'd make it available exclusively to the
    members of Trap17 (you are the only people to know about it... for now at least /tongue.gif"
    style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />) The site is:
    http://www.indoxyldesigns.com/freeimages2 You can host images for free. The size restriction is
    125KB (I will increase this upon request), and the allowed file types are GIF, JPG, PNG, BMP, SWF,
    PDF, ZIP (yea.. even zip files) So tell me what you think of the template i just put together for ....
  3. Image Display
    Feeling really dumb (3)
    I'm a first time user of trap17.com cpannel.I have ftped the html file, and the animated image
    gif file onto the server.I have two questions.Why cannt I get the image to display?And how do I
    remove trapes head on the page?I'm getting the big red X place hold for my image.This code works
    on other host that Ive used It must be how the file path is, and the way the file structure is on
    the server.Would any of you be willing to give me a hint how this works?
    Feeling really Dumb...lol ....
  4. Ipb 2.00: Registration Image Problem
    How do you take it off? (0)
    Hey, Well On My Forums the registration code image dosent work, I have IPB 2.0, i tried changing
    it from GD1 to GD2, i have searched all the settings and cannot find a setting where i can take the
    thingy off. Is there a setting where i can take it off? Please help From, The almight owner of
    Energise .::DAMAN::. /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> ....

    1. Looking for repeat, image, vertically, make, work

Searching Video's for repeat, image, vertically, make, work
advertisement



Repeat Image Vertically - How do I make this work?



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE