| Home | Forums | Reviews | Guides | Newsgroups | Register | Search |
 |
| Thread Tools |
|
Guest
Posts: n/a
|
|
|
|
||
|
|
| |
|
Guest
Posts: n/a
|
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  . |
|
|
|
|
|||
|
|
| |
|
Guest
Posts: n/a
|
In article
< .com>, "cwdjrxyz" <> wrote: > 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 .Thanks cwd, I will take a look tomorrow. The last few hours, i have been messing about with the idea in http://kalsey.com/2003/07/rounded_corners_in_css/ which I found via Google! I have it working withe colours I want and after all that, I am wondering if I really want rounded corners for the particular design I am working on! But I will for sure want this from time to time. I picked the one I did because I understood it! Which is more than I can say for the gymnastics of some of the css ones I have seen. But it is early days for me in this. -- dorayme |
|
|
|
|
|||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
On Sat, 28 Oct 2006 13:46:19 +0100, Jonathan N. Little wrote
(in article <9e05a$45435104$40cba7ad$>): >> http://www.alistapart.com/d/customcorners/step6.html >> >> breaks in Safari and Firefox from my tests. >> > Donno works for me with Seamonkey 1.0.5 and Firefox 2.0, how does it break? For me with Safari and FireFox 1.5 if I widen the window a lot then the header and footer sections literally break visually at the right. The ends come off, honest As long as the window is not too wide then it looks really good. I have a 20" screen with 96 dpi. -- Patrick Brighton, UK <http://www.patrickjames.me.uk> |
|
|
|
|
|||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
patrick j wrote:
> On Sat, 28 Oct 2006 13:46:19 +0100, Jonathan N. Little wrote > (in article <9e05a$45435104$40cba7ad$>): > >>> http://www.alistapart.com/d/customcorners/step6.html >>> >>> breaks in Safari and Firefox from my tests. >>> >> Donno works for me with Seamonkey 1.0.5 and Firefox 2.0, how does it break? > > For me with Safari and FireFox 1.5 if I widen the window a lot then the > header and footer sections literally break visually at the right. The > ends come off, honest As long as the window is not too wide then it > looks really good. > > I have a 20" screen with 96 dpi. > Actually same here 1280 x 1024. But it could be easily solved by increasing the dims of the image: http://www.alistapart.com/d/customco...rs_topleft.gif Currently at 800px × 600px -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com |
|
|
|
|
|||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
Guest
Posts: n/a
|
|
|
|
|
||
|
|
| |
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Rounded corners on panel/div etc | kurt sune | ASP .Net | 1 | 10-12-2005 08:52 AM |
| Rounded Borders | Mythran | ASP .Net | 4 | 06-19-2005 12:46 PM |
| Rounded Buttons XP Style | Just D. | ASP .Net | 1 | 04-28-2005 11:12 PM |
| Rounded corners in menu Table and Bottons | Francisco J. Jurado | ASP .Net | 3 | 05-31-2004 09:36 PM |
| rounded corners in data grid | Konrad | ASP .Net | 2 | 08-30-2003 02:45 PM |
