Comments on: Rounded Menu Tabs in CSS http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/ All about CSS, Xhtml and wedesign... Sat, 10 Dec 2011 16:09:11 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: bresson http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-5862 bresson Thu, 15 Apr 2010 00:11:47 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-5862 Actually curvycorners and corners are not useful in this context. Their ability to draw curved corners on hover states, especially on <a> is limited. Images are the best solution at this time</a> Actually curvycorners and corners are not useful in this context. Their ability to draw curved corners on hover states, especially on is limited. Images are the best solution at this time

]]> By: admin http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-280 admin Thu, 14 May 2009 14:02:46 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-280 Fine! I like your approach which you found. Easy and clear code. Fine! I like your approach which you found. Easy and clear code.

]]> By: Jake http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-278 Jake Thu, 14 May 2009 13:40:31 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-278 Thanks, works like a charm. I found this other approach: http://www.vision.to/single-image-tabs-with-three-state-rollover.php Best regards Thanks, works like a charm.
I found this other approach:
http://www.vision.to/single-image-tabs-with-three-state-rollover.php

Best regards

]]> By: admin http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-274 admin Thu, 14 May 2009 10:51:53 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-274 You can rewrite code like this: <li><a href="#" ><span class="menu_left"></span><span class="menu_center">Home</span><span class="menu_right"></span></a></li> Also, do not forget to add changes to CSS code. P.S. If you need an example, please, send a comment here and I will create a post for PNG/GIF menus with transparent backgrounds. You can rewrite code like this:

<li><a href="#" ><span class="menu_left"></span><span class="menu_center">Home</span><span class="menu_right"></span></a></li>

Also, do not forget to add changes to CSS code.

P.S. If you need an example, please, send a comment here and I will create a post for PNG/GIF menus with transparent backgrounds.

]]> By: Jake http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-271 Jake Thu, 14 May 2009 09:03:27 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-271 Cool, but what if the corner graphics are made up with png/gif with transparency, in case the menu is on top of some background graphic. Hola! Cool, but what if the corner graphics are made up with png/gif with transparency, in case the menu is on top of some background graphic.

Hola!

]]> By: admin http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-21 admin Tue, 21 Apr 2009 05:44:04 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-21 The main idea of this tutorial is coding rounded tabs without javascript. Yes, i agree with you that <a href="http://www.curvycorners.net" rel="nofollow">curvyCorners</a> is a very good lib and a solution for round corners. I think, CSS 3 will support rounded corners too. ;) Thanks The main idea of this tutorial is coding rounded tabs without javascript. Yes, i agree with you that curvyCorners is a very good lib and a solution for round corners.

I think, CSS 3 will support rounded corners too. ;)

Thanks

]]> By: sunil http://www.crazyxhtml.com/blog/rounded-menu-tabs-in-css/comment-page-1/#comment-20 sunil Mon, 20 Apr 2009 22:45:02 +0000 http://www.crazyxhtml.com/blog/?p=56#comment-20 Hi. One solution to the problem is to use the curvyCorners js library. I'm just wondering if there is any particular reason why you don't use curvycorners. Cheers. Hi.
One solution to the problem is to use the curvyCorners js library.

I’m just wondering if there is any particular reason why you don’t use curvycorners.

Cheers.

]]>