Little complicated...stay with me.<br />
<br />
In my CSS I have the following:<br />
<br />
background-image:url(/images/global_backgd.gif);<br />
<br />
The image itself is 1200x1<br />
<br />
When I enter this it repeats the whole page top to bottom. I have been trying to position it so that it starts about 300pixels down the page, not at the top. Is this even possible?<br />
<br />
Thx, Mac<!--content-->One word : <!-- m --><a class="postlink" href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-position">http://www.w3schools.com/css/tryit.asp? ... d-position</a><!-- m --> <br />
<br />
Errr... Link I mean. Well anyways, that should be what you're looking for. Combine the placement tactics shown in that link with the repeating tag your probably already know...<!--content-->I actually tried that sire and the same code, didnt seem to work. Maybe I will try again. <br />
<br />
If anyone has any other suggestions...they are welcome.<!--content-->Try adding this...<br />
<br />
background-position: 0px 300px;<!--content-->In case people were wondering, here was my solution.<br />
<br />
I used the following in my CSS:<br />
<br />
background-image:url(/images/global_backgd.gif);<br />
background-repeat: no-repeat;<br />
background-position: 0px 200px;<br />
<br />
The key was the actual image. I had to change it. Rather than having one thats 1200x1. I changed it to 1200x450. I then positioned it 200px down from the top of page. Also on the .gif I made most of it transparent. On the .gif where I needed color to appear I made a considerable way down on the left side. So now the file size is 1k, and it appears exactly where it needs to appear.<br />
<br />
thx for all suggestions.<br />
<br />
Mac<!--content-->
<br />
In my CSS I have the following:<br />
<br />
background-image:url(/images/global_backgd.gif);<br />
<br />
The image itself is 1200x1<br />
<br />
When I enter this it repeats the whole page top to bottom. I have been trying to position it so that it starts about 300pixels down the page, not at the top. Is this even possible?<br />
<br />
Thx, Mac<!--content-->One word : <!-- m --><a class="postlink" href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-position">http://www.w3schools.com/css/tryit.asp? ... d-position</a><!-- m --> <br />
<br />
Errr... Link I mean. Well anyways, that should be what you're looking for. Combine the placement tactics shown in that link with the repeating tag your probably already know...<!--content-->I actually tried that sire and the same code, didnt seem to work. Maybe I will try again. <br />
<br />
If anyone has any other suggestions...they are welcome.<!--content-->Try adding this...<br />
<br />
background-position: 0px 300px;<!--content-->In case people were wondering, here was my solution.<br />
<br />
I used the following in my CSS:<br />
<br />
background-image:url(/images/global_backgd.gif);<br />
background-repeat: no-repeat;<br />
background-position: 0px 200px;<br />
<br />
The key was the actual image. I had to change it. Rather than having one thats 1200x1. I changed it to 1200x450. I then positioned it 200px down from the top of page. Also on the .gif I made most of it transparent. On the .gif where I needed color to appear I made a considerable way down on the left side. So now the file size is 1k, and it appears exactly where it needs to appear.<br />
<br />
thx for all suggestions.<br />
<br />
Mac<!--content-->