Hi,
I'm hoping someone can help me out with a little issue I'm having with using
the rounded corners.
I have a th element with a background-color set and a background using a
generated rounded corner image. The idea is to position the rounded corner
in the upper corner and let the background color fill in the rest of the
cell. Since the cell's background color set that's the same as the rounded
corner, I have to also set a background color on the rounded corner,
otherwise the transparent portion gets filled in.
So, I set the background color and the generated image looks fine. If I
place the image in the upper right corner of the cell with no
background-color set on the cell, everything is fine. The moment I apply a
background-color to the the cell, however, things go bad. A mysterious 1px
line is added to the image. The line is the same color as the background
color of the image. It's almost as if the generated image is off-by-one.
As an example:
th#tr
{
background:
url("/rounded?c=010068&bc=ff0000&w=20&h=20&shadow=false&a=tr&sw=0&o=.5")
right top no-repeat;
vertical-align: top;
padding: 5px;
background-color: rgb(1, 0, 104);
color: rgb(255, 255, 255);
}
I can't see how this has anything to do with Tapestry per se, but I'm
wondering if any other rounded corner users have come across this. The
problem is reproducible in Safari, Opera, and Firefox, so if it's a
rendering issue, it affects a lot of browsers. Am I perhaps just missing
something from the CSS spec?
Thanks,
Kevin
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
