Comments on: A Tutorial for rounded corners with drop shadows http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/ Wed, 20 Aug 2008 14:24:08 +0000 http://wordpress.org/?v=2.6 By: Jason http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-70544 Jason Mon, 25 Feb 2008 23:42:11 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-70544 That is aweseome. I stumbled upon this recently and got it to work in no time what so ever. this is something that would be a huge benefit to the drupal community.. put together a module. If not let some one else do it. That is aweseome. I stumbled upon this recently and got it to work in no time what so ever. this is something that would be a huge benefit to the drupal community.. put together a module. If not let some one else do it.

]]> By: thushara http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-56888 thushara Mon, 03 Sep 2007 06:12:23 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-56888 Nice effect - is there something that prevents elements inside the shadow box being clicked ? I'm trying to apply these styles to a little popup div that has a tiny close button on top right, and the close doesn't work. (the close button is really an image with an 'onclick' method) if the close button is in the middle of the box, it works, so i'm guessing it is the positioning of the close box at the top right that causes the issue, but i can't quite figure it out... Nice effect - is there something that prevents elements inside the shadow box being clicked
? I’m trying to apply these styles to a little popup div that has a tiny close button on top right, and the close doesn’t work. (the close button is really an image with an ‘onclick’ method)

if the close button is in the middle of the box, it works, so i’m guessing it is the positioning of the close box at the top right that causes the issue, but i can’t quite figure it out…

]]> By: DamianS http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-45759 DamianS Sun, 11 Mar 2007 12:41:40 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-45759 WOW! This is lovely! These are BY FAR, the nicest rounded corners I have seen yet. Thank you for your work on this, Steffen. It's just too bad the viewer can see the corners for half a second before they are redrawn :( That's the same problem with nifty cubes as well. WOW! This is lovely!
These are BY FAR, the nicest rounded corners I have seen yet.
Thank you for your work on this, Steffen.
It’s just too bad the viewer can see the corners for half a second before they are redrawn :(
That’s the same problem with nifty cubes as well.

]]> By: 3DCADResorces.com http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-43915 3DCADResorces.com Fri, 23 Feb 2007 18:30:25 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-43915 Hi Steffen, This is really great and simple to understand. I have been trying to shadow the borders of our site, but could'nt do it. Now after reading this article I feel I can do it now. I will give it a try as shown in the article. Regards, 3DCADResources.com Hi Steffen,
This is really great and simple to understand. I have been trying to shadow the borders of our site, but could’nt do it. Now after reading this article I feel I can do it now. I will give it a try as shown in the article.
Regards,
3DCADResources.com

]]> By: IT-Entrepreneur » Adding Rounded Corners to a Site http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-43095 IT-Entrepreneur » Adding Rounded Corners to a Site Sun, 18 Feb 2007 04:04:41 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-43095 [...] RUZEE.Borders (here) [...] [...] RUZEE.Borders (here) [...]

]]> By: Alexander http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-41629 Alexander Wed, 07 Feb 2007 16:32:53 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-41629 This's variant don't work with images on background? Why? This’s variant don’t work with images on background? Why?

]]> By: jorden http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-38971 jorden Wed, 17 Jan 2007 17:04:37 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-38971 It works fine now, it didn't work with bodyOnLoad. Very nice thanks It works fine now, it didn’t work with bodyOnLoad.
Very nice

thanks

]]> By: Andre http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-38433 Andre Fri, 12 Jan 2007 19:20:12 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-38433 This is great! Are there any answers to compatibility issues in ie 5 for mac? The shadows don't show up correctly. It looks great though.... This is great! Are there any answers to compatibility issues in ie 5 for mac? The shadows don’t show up correctly. It looks great though….

]]> By: JM Zuniga http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37945 JM Zuniga Tue, 02 Jan 2007 11:47:52 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37945 This is so cool! I got it to work in no time. Thanks for sharing this! This is so cool! I got it to work in no time. Thanks for sharing this!

]]> By: jorden http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37937 jorden Mon, 01 Jan 2007 14:07:57 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37937 Hello This won't work with me can somebody help me with what i'm doing wrong? see code below Untitled Document 0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i content_right content Hello This won’t work with me can somebody help me with what i’m doing wrong?
see code below

Untitled Document

0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i

content_right

content

]]> By: Howard Jess http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37912 Howard Jess Thu, 28 Dec 2006 00:12:38 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-37912 Looks great; THANKS!! I have a few suggestions/complaints/requests (feel free to ignore, but ...): 1. I need some docs! For example, can I round borders on only the top (or bottom) of an element? 2. I'd rather see only a single global name; for the most part, you do this (RUZEE); but there are a few stray functions (rzCC, rzGetStyle, etc.); couldn't these be properties of the RUZEE object? 3. Adding a method to a native object (Math.sqr) feels unfair. It's just as well to define the sqr method as a property of the RUZEE object, and then there's no pollution of anybody else's namespace. Looks great; THANKS!!
I have a few suggestions/complaints/requests (feel free to ignore, but …):

1. I need some docs! For example, can I round borders on only the top (or bottom)
of an element?

2. I’d rather see only a single global name; for the most part, you do this (RUZEE);
but there are a few stray functions (rzCC, rzGetStyle, etc.); couldn’t these be
properties of the RUZEE object?

3. Adding a method to a native object (Math.sqr) feels unfair. It’s just as well to
define the sqr method as a property of the RUZEE object, and then there’s no
pollution of anybody else’s namespace.

]]> By: Kevin http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-36981 Kevin Mon, 11 Dec 2006 20:03:20 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-36981 confused about step 2. Where should add those codes? thanks, Kevin confused about step 2.
Where should add those codes?

thanks,
Kevin

]]> By: Edward http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1163 Edward Mon, 21 Aug 2006 20:59:36 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1163 My IE install is just the out-of-the-box one; no extensions of any kind. I don't normally use IE, but use FireFox and Opera in stead. There's something strange in general with images on any webpage in IE on that particular notebook (Dell Inspiron): they look very pixelated. So I suspect it's not something specific in your script. Anyway, your borders look great on every other browser/PC I tried. My IE install is just the out-of-the-box one; no extensions of any kind. I don’t normally use IE, but use FireFox and Opera in stead. There’s something strange in general with images on any webpage in IE on that particular notebook (Dell Inspiron): they look very pixelated. So I suspect it’s not something specific in your script. Anyway, your borders look great on every other browser/PC I tried.

]]> By: Steffen http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1162 Steffen Mon, 21 Aug 2006 16:27:53 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1162 Your screenshot looks extremely strange. It seems that your IE scales the pixels. It's not just the gaps that worry me, it's the whole rendering of the border. Do you have something like a "magnifying glass" IE extension installed? I know that Opera can do this, but my tests with Opera were ok... Your screenshot looks extremely strange. It seems that your IE scales the pixels. It’s not just the gaps that worry me, it’s the whole rendering of the border. Do you have something like a “magnifying glass” IE extension installed? I know that Opera can do this, but my tests with Opera were ok…

]]> By: Edward http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1155 Edward Mon, 21 Aug 2006 02:03:33 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1155 PS, here's a <a href="http://www.ledomedesprit.com/img/ruzeeborders-IE.png" rel="nofollow">screen shot for the gap issue</a>, using your own demo page. I'm on IE 6.0, windows XP SP2. PS, here’s a screen shot for the gap issue, using your own demo page. I’m on IE 6.0, windows XP SP2.

]]> By: Edward http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1154 Edward Mon, 21 Aug 2006 01:37:58 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-1154 Great script. I applied it to a web site I maintain and did also notice a horizontal gap in IE as mentioned in the first post. See the box in the middle of the page of <a href="http://www.ledomedesprit.com/" rel="nofollow">http://www.ledomedesprit.com/</a>. The gap is just below the top corners of the box. Great script. I applied it to a web site I maintain and did also notice a horizontal gap in IE as mentioned in the first post. See the box in the middle of the page of http://www.ledomedesprit.com/. The gap is just below the top corners of the box.

]]> By: Steffen http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-942 Steffen Wed, 09 Aug 2006 18:57:48 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-942 @David: Percentage heights are not possible. RUZEE.Borders have to add/subtract some pixels from the height you specify and adding/subtracting pixels from percentages is ... well .. kind of hard ;-) If you need "fluid, identical heights", check out <a href="/blog/2006/05/cells-with-100-height-in-html-tables/" rel="nofollow">my posting</a> on that issue. @David: Percentage heights are not possible. RUZEE.Borders have to add/subtract some pixels from the height you specify and adding/subtracting pixels from percentages is … well .. kind of hard ;-) If you need “fluid, identical heights”, check out my posting on that issue.

]]> By: David http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-939 David Wed, 09 Aug 2006 17:19:34 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-939 Hi, I've got a problem with the heigth parameter is there any way to use % instead of pix, my table/cell is first loaded at a certain size (the content of this table is small), then the user in a left menu select something to update the content of this table/cell, this content is longer than the previous one, but it doesn't change the size of my table/cell it just add a scroll bar ? Thanks David Hi,

I’ve got a problem with the heigth parameter is there any way to use % instead of pix, my table/cell is first loaded at a certain size (the content of this table is small), then the user in a left menu select something to update the content of this table/cell, this content is longer than the previous one, but it doesn’t change the size of my table/cell it just add a scroll bar ?

Thanks

David

]]> By: Steffen http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-856 Steffen Thu, 03 Aug 2006 19:15:22 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-856 Do you have a screenshot for this? Its an unknown problem to me... Do you have a screenshot for this? Its an unknown problem to me…

]]> By: Bill http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-834 Bill Mon, 31 Jul 2006 18:55:38 +0000 http://www.ruzee.com/blog/2006/06/a-tutorial-for-rounded-corners-with-drop-shadows/#comment-834 IE has a horizonal gap. How do I eliminate this? IE has a horizonal gap. How do I eliminate this?

]]>