Links in rounded boxes? In ALL browsers (yep included IE8)

Posted by raffaello123 on Stack Overflow See other posts from Stack Overflow or by raffaello123
Published on 2010-04-12T14:48:23Z Indexed on 2010/04/12 15:02 UTC
Read the original article Hit count: 190

Filed under:

rounded

|

corners

|

cross

|

browser

|

jQuery

I tried maaaany script but every time I get stuck in something bad. My goal is to create rounded boxes for links. You can see an example of I'm talking about here in the read more link (effects not necessary). Very common I know, but I want to make it work in eeeevery browsers at least safari, FF, chrome and most important IE7+ (IE6 not necessary...). The script that took me closest to the solution is Cornerz but I can't fix a very bad issue on IE8. Does anybody knows a way to get rid of this or to achieve my goal? Thank you I appreciate every support. Cheers

© Stack Overflow or respective owner

Related posts about rounded

Best jQuery rounded corners script?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I've been looking at varios scripts for adding automatic rounded corners to a div using jQuery but there are loads of plugins available, none of which seem perfect. So, does anybody know of a script that is quick to render, supports IE6, anti-aliases and supports opacity? Any help would really… >>> More
How to only round selected corners in a fancytitle box with Tikz

as seen on Stack Overflow - Search for 'Stack Overflow'
If you take a look at http://www.texample.net/tikz/examples/boxes-with-text-and-math/ the boxes there are with rounded corners. In the examples, both the box itself and the title is a box. I want the title box to not have the bottom corners rounded. On page 120 in the manual, there is a description… >>> More
CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to

as seen on Stack Overflow - Search for 'Stack Overflow'
Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table's borders to collapse does not solve the root problem, I have updated the title to better reflect the… >>> More
Rounded Corners and Shadows – Dialogs with CSS

as seen on West-Wind - Search for 'West-Wind'
Well, it looks like we’ve finally arrived at a place where at least all of the latest versions of main stream browsers support rounded corners and box shadows. The two CSS properties that make this possible are box-shadow and box-radius. Both of these CSS Properties now supported in all the major… >>> More
Using rounded corners in modern websites with CSS3

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
This is going to be the sixth post in a series of posts regarding HTML 5. You can find the other posts here , here, here , here and here.In this post I will provide a hands-on example on how to use rounded corners (rounded corners in CSS3) in your website. I think this… >>> More

Related posts about corners

Android AlertDialog with rounded corners: rectangle seen below corners

as seen on Stack Overflow - Search for 'Stack Overflow'
I want a Dialog with rounded corners, but when the Dialog is seen there's a rectangle below it that's seen below the corners, like this: I build the dialog using a custom DialogFragment: public class MyDialogFragment extends DialogFragment{ @Override public Dialog onCreateDialog(Bundle savedInstanceState)… >>> More
Transparent corners using jquery corners js library

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using jquery corners javascript library to make the corners of a div rounded. It works fine, But if i specify a body background image/color or grident background color, corners are still white. How can i make these corners transparent? >>> More
CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to

as seen on Stack Overflow - Search for 'Stack Overflow'
Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table's borders to collapse does not solve the root problem, I have updated the title to better reflect the… >>> More
Don't Cut Corners on Server Defragmentation

as seen on Internet.com - Search for 'Internet.com'
Hard-Core Hardware: Fragmentation may not cut it as a big screen villain, but it remains a threat and handicap to optimal server performance. In this era of massive hard drives and virtualization, minimizing fragmentation is more critical than ever. >>> More
Don't Cut Corners on Server Defragmentation

as seen on Internet.com - Search for 'Internet.com'
Hard-Core Hardware: Fragmentation may not cut it as a big screen villain, but it remains a threat and handicap to optimal server performance. In this era of massive hard drives and virtualization, minimizing fragmentation is more critical than ever. >>> More