rounded-corners

Rounded corners fail to cut off content in webkit browsers (e.g. Chrome) if position:relative; See this demo . HTML: <div class="outer"> <div class="inner"> </div> <div> CSS: .outer { background:yellow; border:solid 1px black; position:relative;/* Setting this means rounded corners don't cut off content! */ overflow:hidden; -moz-border-radius: 12px; border-radius: 12px; } .inner { background:red; height:50px; } Anyone know of a fix? Thanks- http://jsfiddle.net/USd5s/ Hate to add extra dom elements but a simple wrapper fixes this right up. You don't have to use my choice of element or css

I want to create rounded JButton in Java... For that I use rounded image and placed that image on button but I didn't get rounded button.. please any one can tell how to create rounded button in Java like show in below figure.. thanks in advance..... If you're just going to use an image of a round button, then why not just use a JLabel ? That is, simply invoke setIcon(...) , passing your BufferedImage instance as an argument. CODE public final class RoundedButtonDemo { private static BufferedImage bi; public static void main(String[] args){ try { loadImage(); SwingUtilities.invokeLater(new

I have a login JFrame for my application and i would like to make the corners of the frame rounded by a few pixles. Id like to do this without using transparency on the JFrame and having to use a background image inside a JPanel - is this possible? It's possible with undecorated frame, consider the following example: JFrame frame = new JFrame(); frame.setUndecorated(true); frame.setShape(new RoundRectangle2D.Double(10, 10, 100, 100, 50, 50)); frame.setSize(300, 200); frame.setVisible(true); This code works on Java 7. For Java 6 (since update 10) you can do the same with AWTUtilities

I noticed that the "fieldset" tag renders a rounded corner border on IE (it renders squared on the other browsers). <fieldset> <legend>My legend</legend> </fieldset> BUT if i set a CSS style on the fieldset, the rounded corners disappear!! Anybody know why? How to keep the rounded corners but with another border color? [EDIT] : sorry for the confusion, i don't ask how to have rounder corners on firefox/other browsers, i want to know how to keep the rounder corners on IE and have another border color (border-color:red; on the fieldset changes the rounds to squares...). Some items (buttons,

I've attempted to have a <Grid/> (with interactive stuff inside, not just an image) clipped with rounded corners (a <Border/> or a <Rectangle/> , whatever works). I've attempted multiple solutions, but none of them was compatible with a Windows Store App. No brush: RadialGradientBrush is not supported in a Windows App project. DrawingBrush is not supported in a Windows App project. The type 'VisualBrush' was not found. Verify that you are not missing an assembly reference and that all referenced assemblies have been built. No mask: The attachable property 'OpacityMask' was not found in type

I've got some code that looks like this: <div id="shell"> <div id="title">TITLE HERE</div> <div id="content">Article Content Goes Here</div> </div> The shell div has a grey border that I want rounded corners on. The problem I'm running into is the title div has a green background and it's overlapping the rounded corners of the shell. It either overlaps or doesn't jut up against the edges to provide a fluid look. I'm looking for a solution that's backwards compatible with IE 7 and 8, but if there's a solution in HTML5 that's simple I would be willing to lose those browsers. Thanks! In your