line on top
-
hi I have put in a background image and did something with the layout, but now there is a line or border on the top of the background image how do I get it away? hier is my website http://paulestabrookdanceworks.wordpress.com/
The blog I need help with is: (visible only to logged in users)
-
The CSS is not adding a border. The border line is coming from a 1-pixel light-grey border in the actual image on top and at left.
By the way, for troubleshooting issues like this, if you have not seen firebug you might be interested in this:
You may notice that your two uses of this image as background are affected by a scroll factor in the background tag. So first off, just bear that in mind in trying to make sense of what you see on the page. Second, you can actually get rid of the line in the page block by scrolling that 1-pixel line off the top and left, using a minus-one scroll:
#page {paulesta…press.com (line 12)
background:transparent url(http://paulestabrookdanceworks.files.wordpress.com/2009/01/paul-4.gif) repeat-y scroll -1px -1px;
}But it probably makes more sense to fix the image itself.
-
hi yes i put it to -1 px but now the image is not straight do you know how to make one picture,
-
Do you mean the problem that you’re using the same image as background for two different elements, one which is in front of the other, and not aligned? What I saw was that the front one was already not aligned — and I thought that was perhaps for artistic effect.
If you simply want the appearance of a single background image, I think the solution is to use just the one background image (on body) and then make elements that are in front of that have transparent backgrounds.
I *think* all you need to do is remove the url(…) part from the #page {background…} CSS markup. (ie: leave it transparent).
Again, I don’t know if you’re using firebug, but if not I really recommend giving it a try, as it’ll very quickly show you what’s going on with elements you don’t like.
-
you cant remove the border because its not a border done with CSS. that line is in the image itself so you will have to edit the photo and delete the line yourself and re-enter the image
-
-
Well, you have two elements that use the same image as their backgrounds. Sine the elements are positioned in different places, so are the images, and consequently they look like one image overlaid in front of another.
Your previous comment:
“now the image is not straight do you know how to make one picture, ” I took to mean that you wanted just one image.So, simply don’t use the image twice. Just use the one background image (on body) and don’t set a background color or image for elements in front of it.
-
- The topic ‘line on top’ is closed to new replies.
WordPress.com Forums 
