Search DaniWeb - border-radius

Border-Radius 12 Years Ago by <M/> Why is it that when i use the mac version of dreamweaver, it doesn't ***always*** let me use the border-radius effect but when i use the windows version it lets me. Why is that? Sorry if this is a stupid question... just curious. Re: Border-Radius 12 Years Ago by <M/> Sorry about that, i figured out that i was doing it wrong the entire time and i didn't catch myself. I didn't do the css right for border radius... border radius not working in tables if background color added in IE 12 Years Ago by karlcunanan …1em auto; padding: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 1px thin; border-collapse: separate; } .color { …;align="left" width="400" border="0"> <tr> … Re: border radius not working in tables if background color added in IE 12 Years Ago by AleMonteiro JorgeM, corner-radius is a CSS 3 feature. It'll not work on earlier versions of any browser. From W3Scholls: > The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera. border radius problem in ie6 14 Years Ago by canterorist hi! can you give me sample work there about this border radius. i try this code but it did not work in my computer. [CODE] border-radius:15px; [/CODE] Re: border radius problem in ie6 14 Years Ago by Arkinder [URL="http://www.css3.info/preview/rounded-border/"]This[/URL] should explain everything you need to know about the border-radius property. Regards, Arkinder A workaround for -moz-border-radius: and -webkit-border-radius: with W3C Validation 14 Years Ago by TLCJohn Hi there, Is there a workaround for -moz-border-radius: and -webkit-border-radius: which will then be validated by W3C CSS? Thanks for your help. Kind regards John IE9 CSS Corner / Border Radius 13 Years Ago by SgtMash …: [CODE] #footer{ clear:both; padding:10px; border-radius: 5px; }[/CODE] I've tried declaring ALL radius, no help either. [URL="http://www… border tag not working in firefox 12 Years Ago by hwoarang69 border:2px solid red; -moz-border-radius: 5px; trying to make a boarder in css. it works fine in google chrome but it doesnt work in firework any ideas?? also this dont work in firefox background:-moz-linear-gradient( center top, #b1b7b6 56%, #CCC 100% ); Re: border tag not working in firefox 12 Years Ago by niranga Just use, border:2px solid red; border-radius: 5px; Re: Border-Radius 12 Years Ago by <M/> I figured it out, never mind guys. Re: Border-Radius 12 Years Ago by pritaeas Not sharing why? Re: Border-Radius 11 Years Ago by crescendo Glad you found your solution :) Re: IE9 CSS Corner / Border Radius 13 Years Ago by SgtMash Erm...My Bad...the Radius wasn't the problem. IE9 was choking on: [CODE]font:0.76em Helvetica, Arial Sans-Serif!important;[/CODE] no idea why, but once removed / replaced the radius began to work... I love IE...no really I do... Re: border radius not working in tables if background color added in IE 12 Years Ago by AleMonteiro I just tested and it seems to work fine in IE 9. With one detail: you must set the doctype to HTML 5 <!DOCTYPE html> Re: border radius not working in tables if background color added in IE 12 Years Ago by JorgeM Yes, the code above does produce rounded corners in IE9, but not earlier versions of IE. Re: Border browser problem 14 Years Ago by minimogul …:2px solid #000080; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px; left: 720px; top… Re: border tag not working in firefox 12 Years Ago by GarryHillton IE and Safari support the border attribute directly on TABLE elements which used for external and internal borders. FireFox does not, but you can use standard CSS to fix it. TABLE {border: 1px solid #eee;} TABLE TD {border: 1px solid #eee;} Regards, IE Top Border Being Cutoff Problem 12 Years Ago by jonsan32 …; font-weight: 500; color: #222222; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; cursor: pointer;}…auto; _margin-top:0px; overflow:hidden; -moz-border-radius:15px; -webkit-border-radius:15px; } .boxcontents{ background:#FFF; margin:10px;… CSS border problem 11 Years Ago by devianleong … solid #dfdfdf; width:220px; height:295px; border-bottom-color: #a7a7a7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .module .product-box .product-meta, .product… Nav bar: Corners are overlapping the border 10 Years Ago by Bensirpent07 … box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: none; border-radius: 0 0 10px… block; float: none; width: 100%; } div#nav li a { border-bottom: 1px solid #576979; } } JQuery: $('li.menu') .mouseenter(… Re: A workaround for -moz-border-radius: and -webkit-border-radius: with W3C Validation 14 Years Ago by hielo REMOVE those "invalid" definitions from your initial CSS file. Instead, add them dynamically through javascript (by importing a "supplemental.css" file - [url]http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS[/url]). The validator will not execute javascript so it should validate only the "good"… Re: A workaround for -moz-border-radius: and -webkit-border-radius: with W3C Validation 14 Years Ago by TLCJohn Hi hielo Thank you for the answer. Kind regards John Re: A workaround for -moz-border-radius: and -webkit-border-radius: with W3C Validation 14 Years Ago by diafol I know thtis is solved, but that's a little naughty isn't it hielo? Tsk tsk. Re: how to add border around input 12 Years Ago by hwoarang69 … div{ margin:.5em 25px; background:#E8E8E8; padding:4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:right; position:relative; } #login label… Re: Problem in rounded corner border 13 Years Ago by new_developer [QUOTE=luweegee;1689241]try this! [CODE] .box-container { border: 1px solid black; border-radius: 10px; background:url(tl.png) top left no-repeat; width… of the side...and for the round corner use border-radius...[/QUOTE] But "border radius" is CSS3 property, I want a solution… Re: Problem in rounded corner border 13 Years Ago by luweegee try this! [CODE] .box-container { border: 1px solid black; border-radius: 10px; background:url(tl.png) top left no-repeat; width:600px; height:auto; margin:auto; } [/CODE] i used border 1px to see the rounded corner of the side...and for the round corner use border-radius... Re: Problem in rounded corner border 13 Years Ago by luweegee if you are having a problem in other browser...u can try this for mozilla -moz-border-radius: 10px; and -webkit-border-radius: 10px; this is the easiest way... Re: To get rounded border for radio button in chrome 12 Years Ago by mongoose25 …. You just need to set the fieldset border. You can use `border-radius: 2px;`. Then set the `border` as needed (color, style, etc.) This… Re: To get rounded border for radio button in chrome 12 Years Ago by VenusCrystal Thanks for your answers. I found the solution myself. I wrapped radio button within div tag and gave border-radius for div. It is working now.