...

View Full Version : set image on the left in CSS ????? please help



ClueLess
09-24-2004, 08: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.

bradyj
09-24-2004, 08: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:



body {
background: white url(image/image.gif) repeat-y 0px 0px;
}

or:


body {
background: white url(image/image.gif) no-repeat 0px 0px;
}

ClueLess
09-24-2004, 09: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.

bradyj
09-24-2004, 09:42 PM
Give your body an id (name it whatever you want):


<body id="specialpageorwhatever">


Then apply that code to the id instead of the body:


#specialpageorwhatever {
background: white url...
}

ClueLess
09-24-2004, 09:58 PM
THANKS YOU VERY MUCH :thumbsup:

ClueLess
09-27-2004, 04:28 PM
I just wonder, can we move the image down about 20px? Thanks.

bradyj
09-27-2004, 06: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.

ClueLess
09-27-2004, 06:42 PM
I tried that but nothing is happening...
the 1st one is left position and 2nd one ....

bradyj
09-27-2004, 07:03 PM
show me a site link, it should work. Plus, what browser are you testing this in?

ClueLess
09-27-2004, 07:59 PM
/* in style.CSS */
#LeftSideImage
{
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">
<body id="LeftSideImage">

That is what exactly I have in my webpage. I test it in IE.

bradyj
09-27-2004, 08: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.

ClueLess
09-27-2004, 09: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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum