Comments on: CSS Liquid Round Corners http://www.search-this.com/2007/02/12/css-liquid-round-corners/ Internet Marketing, Website Promotion and Blogging Advice Sun, 29 Jan 2012 02:18:27 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Using CSS3PIE in WordPress | Copperseed Creative http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-296813 Using CSS3PIE in WordPress | Copperseed Creative Tue, 20 Dec 2011 08:51:50 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-296813 [...] mentioned and of course IE 9 itself. Without CSS3 styles, websites can become clunky in using nesting methods to get styling like rounded corners to work, requiring a variety of background images and bloated code, essentially lengthening website load [...] [...] mentioned and of course IE 9 itself. Without CSS3 styles, websites can become clunky in using nesting methods to get styling like rounded corners to work, requiring a variety of background images and bloated code, essentially lengthening website load [...]

]]> By: 5 Simple CSS Techniques for Rounded Corners for Web Designers | Web and Graphic Design Blog http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-231468 5 Simple CSS Techniques for Rounded Corners for Web Designers | Web and Graphic Design Blog Sat, 13 Aug 2011 12:34:06 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-231468 [...] 2: CSS Liquid Round Corners [...] [...] 2: CSS Liquid Round Corners [...]

]]> By: TonyB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-208879 TonyB Thu, 19 May 2011 23:20:42 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-208879 Your suggestion about hasLayout led me to examine all my uses of the display property and I tracked it down to a problem with the jQuery slideDown/slideUp effect that I'm using (clicking on a link replaces the current rounded corner panel and contents with a new panel and contents using this slide effect). Changing it to a fadeIn/fadeOut effect (or removing it altogether) fixed it. Turns out others have had problems with the slide effect in IE7. I'm going to rethink how I'm doing this but thanks for your spectacularly prompt response and thanks so much for this very cool technique, it's a thing of beauty! Your suggestion about hasLayout led me to examine all my uses of the display property and I tracked it down to a problem with the jQuery slideDown/slideUp effect that I’m using (clicking on a link replaces the current rounded corner panel and contents with a new panel and contents using this slide effect). Changing it to a fadeIn/fadeOut effect (or removing it altogether) fixed it. Turns out others have had problems with the slide effect in IE7. I’m going to rethink how I’m doing this but thanks for your spectacularly prompt response and thanks so much for this very cool technique, it’s a thing of beauty!

]]> By: Paul OB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-208859 Paul OB Thu, 19 May 2011 21:17:03 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-208859 Hi TonyB, At a guess that sounds like a classic haslayout issue but I'd need to see the page to debug properly. Disappearing and re-appearing elements is one of the signs that haslayout hasn't been set where needed. If you have a link or a demo I'll take a look. Hi TonyB,

At a guess that sounds like a classic haslayout issue but I’d need to see the page to debug properly.

Disappearing and re-appearing elements is one of the signs that haslayout hasn’t been set where needed.

If you have a link or a demo I’ll take a look.

]]> By: TonyB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-208829 TonyB Thu, 19 May 2011 18:22:33 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-208829 Having a strange issue with IE7. I have 2 rounded corner divs side-by-side. The right-hand one renders perfectly. The left-hand one is missing top right and bottom right images. However, I can get the left-hand one to render correctly if I perform the following strange sequence of steps: (1) click on a different tab in the browser (2) navigate away from the browser to a different app (3) navigate back to the browser (4) click on the original tab with the rounded corners. Works every time! In every other browser on mac or windows it renders correctly first time. Having a strange issue with IE7. I have 2 rounded corner divs side-by-side. The right-hand one renders perfectly. The left-hand one is missing top right and bottom right images. However, I can get the left-hand one to render correctly if I perform the following strange sequence of steps: (1) click on a different tab in the browser (2) navigate away from the browser to a different app (3) navigate back to the browser (4) click on the original tab with the rounded corners. Works every time! In every other browser on mac or windows it renders correctly first time.

]]> By: A Simple Rounded Corner Slide Tabbed Box (Content Slider) using jQuery | TechBrij http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-203734 A Simple Rounded Corner Slide Tabbed Box (Content Slider) using jQuery | TechBrij Mon, 18 Apr 2011 16:58:12 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-203734 [...] rounded corner, I like CSS liquid round corners. In the demo, you will get multiple rounded corner panels. I am using following structure for [...] [...] rounded corner, I like CSS liquid round corners. In the demo, you will get multiple rounded corner panels. I am using following structure for [...]

]]> By: DannyArcher http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-200420 DannyArcher Tue, 29 Mar 2011 10:44:58 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-200420 This is a true masterpiece tutorial. Thank you. This is a true masterpiece tutorial. Thank you.

]]> By: Paul OB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-192115 Paul OB Sun, 13 Feb 2011 12:36:35 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-192115 @Mark - we'd need to see an example to help diagnose the problem.:) @Mark – we’d need to see an example to help diagnose the problem.:)

]]> By: Mark Primavera http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-191848 Mark Primavera Fri, 11 Feb 2011 17:31:32 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-191848 Great rounded corner!! Although I followed the tutorial in how to make the images and it seems I cannot get rid of the center area that currently shows white? Great rounded corner!!
Although I followed the tutorial in how to make the images and it seems I cannot get rid of the center area that currently shows white?

]]> By: Paul OB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-191207 Paul OB Mon, 07 Feb 2011 15:38:11 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-191207 Hi John, You should be able to make cosmetic changes (e.g. changing shadows) by just changing the image without too much trouble. The hyper link question was answered above as you already mentioned but here is another example anyway. http://www.pmob.co.uk/temp/searchthis-rounded2.htm Hi John, You should be able to make cosmetic changes (e.g. changing shadows) by just changing the image without too much trouble.

The hyper link question was answered above as you already mentioned but here is another example anyway.

http://www.pmob.co.uk/temp/searchthis-rounded2.htm

]]> By: John Morris http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-191051 John Morris Sun, 06 Feb 2011 14:12:42 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-191051 I see that my previous question was in fact answered a few times in the comments. Thank-you. How hard would it be to have the shadow at the top as opposed to the current version at the bottom? Is it a matter of simply rotating the image files? I see that my previous question was in fact answered a few times in the comments. Thank-you. How hard would it be to have the shadow at the top as opposed to the current version at the bottom? Is it a matter of simply rotating the image files?

]]> By: John Morris http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-190927 John Morris Sat, 05 Feb 2011 14:51:36 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-190927 I apologize if this has been answered already, there are so many comments on this article! I'm trying to get a hyperlink to work inside the content-center DIV but it won't work. It appears as though it's a hyperlink (blue color and underlined) but I can't click on it to get to the required website page. The link works fine outside the rounded corner section but not inside. I tried using Firefox and Chrome on Ubuntu. Anyone have any ideas why this may be? I apologize if this has been answered already, there are so many comments on this article! I’m trying to get a hyperlink to work inside the content-center DIV but it won’t work. It appears as though it’s a hyperlink (blue color and underlined) but I can’t click on it to get to the required website page. The link works fine outside the rounded corner section but not inside.

I tried using Firefox and Chrome on Ubuntu.

Anyone have any ideas why this may be?

]]> By: Smykker Online http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-190749 Smykker Online Fri, 04 Feb 2011 08:38:31 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-190749 Thank you for this tutorial, this was exactly what i was looking for :) Thank you for this tutorial, this was exactly what i was looking for :)

]]> By: Paul OB http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-187791 Paul OB Wed, 19 Jan 2011 10:18:44 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-187791 Sorry Martijn I no longer have the original files for that image otherwise I'd run you up a set in a different colour. The image isn't that hard to make if you have the right tools and there are plenty of free paint packages that should do that for you. Of course if you have Photoshop or Fireworks then you should see about making it yourself. I believe there is a tutorial posted on one of the earlier posts above to show how to make rounded corner images in Photoshop. Sorry Martijn I no longer have the original files for that image otherwise I’d run you up a set in a different colour.

The image isn’t that hard to make if you have the right tools and there are plenty of free paint packages that should do that for you.

Of course if you have Photoshop or Fireworks then you should see about making it yourself.

I believe there is a tutorial posted on one of the earlier posts above to show how to make rounded corner images in Photoshop.

]]> By: Martijn http://www.search-this.com/2007/02/12/css-liquid-round-corners/comment-page-5/#comment-187684 Martijn Tue, 18 Jan 2011 20:09:24 +0000 http://www.search-this.com/2007/02/12/css-liquid-round-corners/#comment-187684 The box itself is not a problem (the code) the one above worked great. And I really like the design of it but it only works on a EFF2F3 background and I got a white one. The box itself is not a problem (the code) the one above worked great. And I really like the design of it but it only works on a EFF2F3 background and I got a white one.

]]>