rounded-corners

I have seen some iPad apps that fill the screen (e.g. Stanza) or have squared off corners under the status bar (e.g. the iPod player has square corners at the top; can't tell at the bottom). Anyone know how this is done? It seems that, by default, the top-level UIWindow has a clipping region applied, as any subviews I place in that window get clipped off in those corners. If that is the case, is there a way to get rid of this? BTW, the clipping only seems to be there on the iPad, not on my iPod Touch (at least, not in the older OS version I'm running on there). Following up: I even created the

I'm trying to do some styling on Twitter Bootstrap modal close icon. This is the CSS I'm using: .modal-header .close { float: right !important; margin-right: -30px !important; margin-top: -30px !important; background-color: white !important; border-radius: 15px !important; width: 30px !important; height: 30px !important; opacity: 1 !important; } It works pretty good on Chrome / IE, however sometimes on Firefox I get strange behavior (image is attached). Is there additional CSS rule that I have to supply to have this work on Firefox as well? Depending on the version of firefox you may need to

How to setup the attribute to achieve the rounded corner for each item in the ListView ? Please kindly give an example if you can, thanks! for example: http://www.flickr.com/photos/jaxxdotorg/3640222441/in/set-72157619952823330/ EDIT: That's my code here for the answer. <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#ffff" android:endColor="#fddd" android:angle="270" /> <corners android:radius="13dp" /> <stroke android:width="1dp" android:color="#feee" /> </shape> You can achieve this with shapes. Checkout

I want to create a link with the rounded corner effect. However, the rounded corner effect will show while hover only. By using CSS3, it's working fine on mozilla, chrome and Safari, but not in IE. Here my css a { color: black; background-color:#ddd; text-align: center;font-weight: bold; width:110px; height:25px; padding: 10px; text-decoration:none; } .abc:hover { background-color: lightblue; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } Here my html <a href="#" class="abc">Button</a> thirtydot As @Michael Rose says, IE8 and lower simply do not support CSS3

I have a ListView with rounded corners made using following shape as background: <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#ffffff"/> <corners android:bottomRightRadius="13px" android:bottomLeftRadius="13px" android:topLeftRadius="13px" android:topRightRadius="13px"/> </shape> The problem lies in the selector. It's rectangle shaped, so when selecting first or last item the corners aren't rounded anymore. I've found a very nice solution in the last post at http://www.anddev.org/view

Can anyone tell me the the latest solution for implementing rounded corners with DIV tags? Is the PNG corner images still the best cross-browser solution? Is Jquery the best approach? How is everyone approaching the rounded corners problem? Many thanks. Erik The optimal solution at the moment is to use: selector { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } That will work in "all" modern browsers including IE9, see: http://caniuse.com/#search=border-radius By far the best workaround for older versions of IE is to use CSS3 PIE : PIE makes Internet Explorer 6-8

I have a simple Activity and I would like to have the a rounded rectangle shape. The activity uses a translucent Drawable. I have seen popup windows by other developers that are translucent (not a dialog theme) with rounded corners and I am trying to replicate that. Any help would be appreciated. Here is the code I currently have that produces a rectangular translucent window in the middle of the screen. <style name="Theme.TranslucentDialog"> <item name="android:colorBackgroundCacheHint">@null</item> <item name="android:windowIsTranslucent">true</item> <!-- Note that we use the base animation