This is basic stuff, but I just need a little help.
I have an image that is 25px wide by 1px high that I want to repeat vertically down the page to form the border of a column. I've tried the following
position:absolute;
top:0px;
bottom:0px;
but that doesn't work.
I would appreciate a little help...here's a link to what I'm working on:
<!-- m --><a class="postlink" href="http://www.cae.wisc.edu/~joneill/wireless/work2.html">http://www.cae.wisc.edu/~joneill/wireless/work2.html</a><!-- m -->
The img is supposed to go along the left side of the red column on the right and it is the exact same as the one that lies beneath the header, only it's flipped on its side.
Thanks!
-jinkas.className{
background: #ffffff url(img.gif) repeat-y;
}Thanks!
Is there any other way to do it? The image has to lie outside of the column to line up with the rest of the page, so just making it the background doesn't work. That's good advice, though. Thanks for helping.
-jinkaskinda a css noob, so not entirely sure... couldn't you just create another div to contain that background image?Hmmm...that's a good idea...
Thanks!
-jinkasTry
html, body {
background: url(img.jpg) #FFF repeat-y right 50px;
}
You'll have to adjust as needed.but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him...Originally posted by samij586
but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him...
You're refering to the 50px; in the code above? You are correct, but I just added that in for example. He'll have to adjust that to get it lined up correctly with the stuff at the top of the page. You can change it to em, or %, or whatever it is you'd like.
Thanks for all your help!
-jinkas
I have an image that is 25px wide by 1px high that I want to repeat vertically down the page to form the border of a column. I've tried the following
position:absolute;
top:0px;
bottom:0px;
but that doesn't work.
I would appreciate a little help...here's a link to what I'm working on:
<!-- m --><a class="postlink" href="http://www.cae.wisc.edu/~joneill/wireless/work2.html">http://www.cae.wisc.edu/~joneill/wireless/work2.html</a><!-- m -->
The img is supposed to go along the left side of the red column on the right and it is the exact same as the one that lies beneath the header, only it's flipped on its side.
Thanks!
-jinkas.className{
background: #ffffff url(img.gif) repeat-y;
}Thanks!
Is there any other way to do it? The image has to lie outside of the column to line up with the rest of the page, so just making it the background doesn't work. That's good advice, though. Thanks for helping.
-jinkaskinda a css noob, so not entirely sure... couldn't you just create another div to contain that background image?Hmmm...that's a good idea...
Thanks!
-jinkasTry
html, body {
background: url(img.jpg) #FFF repeat-y right 50px;
}
You'll have to adjust as needed.but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him...Originally posted by samij586
but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him...
You're refering to the 50px; in the code above? You are correct, but I just added that in for example. He'll have to adjust that to get it lined up correctly with the stuff at the top of the page. You can change it to em, or %, or whatever it is you'd like.
Thanks for all your help!-jinkas