rounded-corners

How does one round TABLE corners with JS or CSS?

Hi everyone, First, thanks to everyone for helping so much, I'm addicted to the community :-) All righty, so I've got a plain ole html table, and I'd like to round its corners in some way that is more automated than creating a different image for each foreground/background combination. Oh, and it absolutely must work with IE7. Anyone kn...

CSS rounded corners on img in firefox

The problem is quite simple, but i spend too much time search for answer. So if someone can throw a little lihgt on the problem. The CSS -moz-border-radius works with div, but i try to make it work on img. -webkit-border-radius works flawless on img in Chromium. Also i have tried to wrap image in div who is having rounded corners and use...

What rounded corner approach should I take?

So there's no shortage of information out there on rounded corners and I've been through much of it and I'm posting to get the opinions of the communities on this point. My scenario is that we're developing a rounded corner dependent design, mainly used for interactions (<button> and <a>). We are going to use border radius for the good ...

Rounded corners with Canvas/VML in IE8

I'm using the JRC (jQuery Rounded Corners) plugin for rounded corners. It works in almost all browsers (including the crappy IE6) except IE8. Is there any workaround for the newest sh** from MS? Thanks ...

CSS rounded corners done quickly: is this an awful technique?

Here's a quick and dirty round corners technique I've been playing around with. <!-- assuming the div isn't statically positioned --> <div> <img src="box_TL.png" style="position:absolute;top:0;left:0;"/> <img src="box_TR.png" style="position:absolute;top:0;right:0;"/> <!-- other content --> <img src="box_BL.png" style=...

WPF rectangle - round just top corners

How can I have just the top corners rounded for a WPF rectange? I created a border and set the CornerRadius property and inside the border I've added my rectangle, but it doesn't work, the rectangle is not rounded. <Border BorderThickness="1" Grid.Row="0" Grid.ColumnSpan="2" CornerRadius="50,50,0,0" BorderBrush="Black"> <Rectangle Fill...

How to create image with rounded corners in C#?

I'd like to create image (from another one) with rounded corners with GDI+. What's the best way to do this? PS: it's not for web, so I cannot make use of client CSS ...

keep borders in IE with jquery.corner()

Hey there, I'm using the jQuery plugin "corner": http://www.malsup.com/jquery/corner/ Its almost doing a great job making my divs round at the edges. The problem is, my divs have borders of 1px applied. This works great in Safari, FF, Chrome etc. Only in IE (8) the borders will disappear. It does render the edges round, but no borders....

.NET GDI+: Drawing lines with rounded corners

Given an array of points, it is easy to draw a line based on these, e.g. using the GraphicsPath class. For instance, the following array of points... [0]: (0,0) [1]: (100,0) [2]: (0,100) [3]: (100,100) ...describes a line that resembles a Z. But here comes the challenge; I need to draw rounded corners with a radius of e.g. 10 pixels...

What's the simplest way to do cross-browser rounded borders in HTML/CSS?

I'm not after the 'best' way, that requires a lot of work doing large changes for different browsers, but the 'best easy' way... ideally the least horrible way that would work unchanged on IE7+, FF2+, Chrome. Tables are an option but probably a little too archaic. Is there a middle ground, which uses CSS without a lot of hassle? And, if...

Round corners on images using Java and JAI

We're using JAI (https://jai-imageio.dev.java.net/) to scale and crop images in Java. We would like to create round corners on our images. How do we do that? The images are JPG and PNG. I would think it's easier to do this with JPGs? The image is a PlanarImage from JAI PlanarImage src = JAI.create(...,...); which can be transformed...

Any way to make nice antialiased round corners for images in python?

Is there any way to make nice round corners with python? Currently PIL and GD2 are used in my project. Both of them have an arc() method, that allows you to draw a quater-circle, but the quater-circle is not antialiased, so the image looks crispy. Is there any neat way to make antialiased/smooth round corners? ...

How to add a rounded rectangle shape (or Box) in iphone interface?

I want to add a rounded rectangle shape in iphone interface but the iphone library doesn't have that object. How do i do it? ...

html - creating block

Hello, I have to create block like this: How can I do this faster using css+html? ...

How to draw a rounded NSImage

I am trying to create a NSImage or NSImageCell with rounded corners inside a NSTableView. I can't get anything to work. Here is the best I have so far inside my custom NSCell: - (void)drawInteriorWithFrame:(NSRect)frame inView:(NSView *)controlView { if (thumbnailLink) { NSURL *url = [NSURL URLWithString:thumbnailLink]; if (url) ...

Creating a contact form using divs with 4 extra divs for "Corners"?

Hi there, i have tried to create a contact form (a standard form, square in nature but with rounded corners)... I can't use the CSS3 specs so i have an image for each corner.. I have set the images on the background-image and no repeat but it seems if the div is empty then it doesn't display, is there a hack - although prefer an altern...

Rounded corners using ImageMagick (bakground transparent or white)

Hi, I'm trying to add rounded corners to my images using ImageMagick. If the input image is a PNG or GIF file my script is working correctly. But if my input file is a JPEG file, the corners are black. I'd like to use a custom corner color in that case (ex. white) any idea ? Here's my working bash script : convert -size "$W"x"$H" xc...

Rounded (image) corners using jQuery

I'd like to apply rounded corners to several blocks using the single image (above). I know there're corners plugins available but I need to use images for max compatibility. So, as I know, the only way is to create wrappers around the blocks to apply the corner images: <div class="wrapper-4"> <!-- top-left corner --> <div class="wra...

Jquery Rounded Corners not working whilst making an ajax call.. Any ideas

So i've been doing quite a simple ajax call to grab my photo albums with some pagination. My rounded corners worked before i added the ajax calls. The selectors are correct as well. I'm doing the 'cornering' on the callback for my .load and yet i can't get it to work :s Any ideas: //Display Loading Image function Display_Load() { ...

css3 IE 6 issue

Hi I am executing the foll code in Firefox it works fine i am basically using CSS3 for creating rounded borders. Please tell what changes I need to make to get the same output in IE6 Below is the code <html> <head> <style type="text/css"> background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px sol...