09-24-2004, 07:31 PM
I have an image, a straight line (30x10), i want to set it on the left side of the screen. How can we do that in CSS? For example: if I add more texts on the right, the image automately stretching it down.
I tried to have the image in the table cell…it works fine.....but again, how can we do that in CSS. Thanks for your help.
09-24-2004, 07:59 PM
You'll have to show us code, but why don't you just make an extremely LONG image and make it part of the body background that does not repeat or a small image that repeats top to bottom:
background: white url(image/image.gif) repeat-y 0px 0px;
background: white url(image/image.gif) no-repeat 0px 0px;
09-24-2004, 08:30 PM
Thank you very much for your help.
However, if I do that it applies all pages. I want to have this line image for 1 page only. How can we do it? thanks.
09-24-2004, 08:42 PM
Give your body an id (name it whatever you want):
Then apply that code to the id instead of the body:
background: white url...
09-24-2004, 08:58 PM
THANKS YOU VERY MUCH :thumbsup:
09-27-2004, 03:28 PM
I just wonder, can we move the image down about 20px? Thanks.
09-27-2004, 05:01 PM
sure, just change that background image position to: 0px 20px -- or vice versa, I can't remember off the top of my head but one is top one is left.
09-27-2004, 05:42 PM
I tried that but nothing is happening...
the 1st one is left position and 2nd one ....
09-27-2004, 06:03 PM
show me a site link, it should work. Plus, what browser are you testing this in?
09-27-2004, 06:59 PM
/* in style.CSS */
background: white url(http://localhost/web_proj/images/headline_bg_tile.jpg) repeat-y 0px 20px;
<link href="style.css" rel="stylesheet" type="text/css">
That is what exactly I have in my webpage. I test it in IE.
09-27-2004, 07:10 PM
It's because you are repeating on the y axis, up and down -- even if you shift it 20px it's just going to still repeat on the y. Can you just put an empty 20px on the graphic or make a really long repeat and do it on the x? Your link did not work for me, so I can't gave the graphic, can you fix the link? LocalHost is your link, I need a full web address.
09-27-2004, 08:10 PM
this page is still in my local host. Therefore, the link is not working.
Currenly, the graphic is long from the top down to the bottom. Even, the y is 20px...as what I showed you earlier