PDA

Click to See Complete Forum and Search --> : repeating images up and down left and right of webpagepage

Quicksilver
03-15-2006, 01:20 PM
background images on let to right of webpage
3-15-06

Here's an easy one,for some but not for me!!

I'm trying to get a image to tile up and down the webpage on the left and right of the page, I don't want to fill the page with the image...that's easy.

Here is a sample of the exact code that tiles and repeats an image up and down the left and righ side of the page.

<BODY BACKGROUND="http://bldblocks.prodigy.net/wsn/images/user/english/personal/sunset/tile_sidebar.jpg" VLINK="#ff00ff" LINK="#c0ffff" ALINK="#4000ff" TEXT="#ffffc0">

That part works ok. But when I try to replace the image in use with my own image, it winds up filling the whole page background...this is exactly what I don't want.

Here also is the page showing how the image that tiles up and down the left and right side of the page.

I dont want a table!, I dont want Java Script!,I dont want MS-FrontPage!,
I just would like some simple HTML3.0 or 4.1-code to get this to work, using the background image html code!!

Is there a way to have the image ("of my choice") repeat itself up and down the left sides of the page, and not mess with the pages content otherwise??

Everytime I attempt to replace the image with my own similar image (Different style Image, not same image) it just fills the background of the entire page.

Thanks to anyone who can provide me with the HTML code to do this.

P.S. I dont want to use two long up and down, gif's or jpeg's to achieve this.

What I mean is, I know how to insert two of the same graphics to run up and down the page, with using just the html code foe such a function. such as:
<p align="right"><img src="location/graphic image.gif">
<p align="left"> <img src="location/graphic image.gif">

I don't want to use the above comon code for that purpose....How, doe's the page referenced above manage to get those desired rersults?

I'm really confused, I mean, why is it?, that when I use my image, the same result fails ??

This question is so simple for those of you with basic HTML-knowledge-I would think.

But my knowledge is very limited in this area. So, any help would be GREATLY apreciated.

Thanks,
Quicksilver.....
felgall
03-15-2006, 03:08 PM
HTML had limited control of background images and the background attribute of the body tag is now deprecated because stylesheets provide full control over the background image placement.

To tile a background image down the left of the page use:

<style>
.body {background-image:url(mypic.gif); background-repeat:repeat-y;background-position: top left;}
</style>

To tile it down the right side instead simply replace the word left at the end with right.

To tile it down both sides you need to create two divs in the page and float one left and one right and add the background to them.
Quicksilver
03-15-2006, 07:31 PM
3-15-06

Wow,thank you Stepehen, on your quick posting to my problem.

I think I may have missed something in the sample code you sent me.

I see a period after the tag named <style>.body

Maybe you could provide a fully formated line of code for that Style,just make up the http: part, and also make up what ever image name you like also.

I need to see the code for the images to tile up and down the right and left of the page.

Is this the proper code to do that. I really did not understand your instructions for images on both sides of the page tiled up and down.

I also have used html 4.0, and it also can acomplish that function, within the
<body background> tags. But as I mentioned in my original message, the pages with that code function properly within HTML 4.0.

My problem is, that, I liked how the images tiled up and down on the left and right of the page. But when I used that code for my image to do that same,what I got instead, was a full page of the images....Not what I thought I would get !!

Is that the way the tags are open in a style sheet?
I've added what I think is the additional code to your suggested code.
Please let me know if it's not formated correctly if you could.


<style>.body{background-http://myispwebserver.com/images/backgroungtile.gif;background-repeat:y;background-poistion:top left;}</style>

<style>.body{background-http://myispwebserver.com/images/backgroungtile.gif;background-repeat:y;background-poistion:top right;}</style>