Edited by mrsleep, 04 February 2006 - 10:49 AM.
Getting rid of white space around my gradient?
Posted 04 February 2006 - 10:48 AM
Posted 05 February 2006 - 07:30 PM
If so, does the border appear to be a part of the graphic? (that is, when you preview it, do you see the border?)
Finally, is there a link to a site where we can view what you see?
I don't mean to make things complicated, but I'd rather have a bit more info before I throw out suggestions!
Posted 05 February 2006 - 10:53 PM
so you are trying to set a repeat background? and you have borders from photoshop? In that case, you cant do anythinng from html. You have to get rid of the border from photoshop/illustrator or if they dont work, get a better image editor.
I assume u know how to set up repeat backgrounds. Best way is to use css. Put background-image: url(your image file); and then put "background-repeat" to "repeat-y"
Posted 06 February 2006 - 10:03 AM
In the bottom image I'm trying to achieve a smooth constant gradient across the top of the page. But there's that ugly white border around each instance of the gradient. I can't seem to figure out how to get rid of it in Illustrator. Thanks again for any help you can offer!
Posted 06 February 2006 - 11:34 AM
I initially thought that the problem lay with your graphic - thinking that perhaps Photoshop might have added a border that is hard to detect when previewed (you'd need to zoom in bit to see it) - my suggestion would have been to shrink the graphic on all sides by a pixel or two to eliminate it - you'd of course then need to adjust your code to reflect the new image size.
However, it's odd that the repeating border is not uniformly the same color in your screenshot (it's four gray lines followed by 18 white lines - which I assume is the same on your PC ?) A look at your code might clear up the mystery - or we might be able to suggest an alternate way of doing what you want.
Also, what are the dimensions of your graphic?
Posted 06 February 2006 - 01:43 PM
Posted 06 February 2006 - 01:48 PM
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
font-family: "Times New Roman", Times, serif; margin: 20px;
There's the code for the above screen shot of the page. The dimensions of the gradient graphic are:
22 x 255 Pixels
I'm confused when you said "However, it's odd that the repeating border is not uniformly the same color in your screenshot (it's four gray lines followed by 18 white lines - which I assume is the same on your PC ?) A look at your code might clear up the mystery - or we might be able to suggest an alternate way of doing what you want.", can you clarify a bit? Are you saying when you preview the screenshots the gradient is black and white? Thanks!
Edited by mrsleep, 06 February 2006 - 01:50 PM.
Posted 06 February 2006 - 04:16 PM
Sorry for the confusion caused by my last post - let's disregard that for now, I'll come back to it if my suggestion (following) doesn't work!
It looks like the problem lies with the graphic itself (which was something I initially suspected), based on the fact that your code looks good AND on ScHwErV's post: "If you created the image large in photoshop, then shrunk it, itll have that white border." (did you??!!)
Your image seems to have a white border around it already, which of course will show up when tiling across the top of the page. Try contracting the graphic on all sides by one or two pixels, which will have the effect of removing the border around the graphic - resave it, then test the result.
Posted 07 February 2006 - 12:58 PM
There it is I got it. Turns out there was a white border made in Illustrator this whole time. Boy do I feel stupid. I could've sworn I zoomed in before to look for a border but there wasn't one until I opened the jpeg in Illustrator. So, I took the jpeg and cropped it in IRfanview and resaved it and that's the result, looks a LOT smoother. Thanks for everyone's help, greatly appreciated, it all helped!
Posted 07 February 2006 - 01:00 PM
Glad you got it sorted out.
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users