|
|
Posted by cwdjrxyz on 10/28/06 06:30
dorayme wrote:
> Anyone got any favourites re the best and simplest (or are these
> too incompatible?) css strategies for rounded corners to boxes?
> Lets say for plain colour backgrounds for both box and surrounds.
>
> The one at
>
> http://www.alistapart.com/articles/customcorners/
>
> as exemplified by
>
> http://www.alistapart.com/d/customcorners/step6.html
>
> breaks in Safari and Firefox from my tests.
An example of one method I wrote is at
http://www.cwdjr.net/geometric/cornersnew.html . It uses script to
write the CSS, and arose from a question at the com.lang.javascript
group. It works on my several browsers including most recent versions
of IE6, Opera, Firefox, Netscape, Seamonkey, and Mozilla. I don't know
about Safari, since I don't think I can load a Safari browser on my
Windows XP. You do use a small colored circle gif for the corners. The
size of the circle is adjusted in the code as needed, depending on the
radius of the corner you wish. The radius size of the circle gif needs
to be no more than for the maximum radius you will use for corners, and
it could be quite a bit smaller if the image is sharp. The background
of the gif should be transparent, with the width and height of the gif
the same as the diameter of the circle. I have a few circles other
than black, but none in passion pink metallic or such :-).
Navigation:
[Reply to this message]
|