aximbigfan Posted October 27, 2008 Share Posted October 27, 2008 Hi, I need a simple rounded box. It just needs to be white o nthe inside, and have a thin black border. Thanks! Chris Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/ Share on other sites More sharing options...
ifubad Posted October 27, 2008 Share Posted October 27, 2008 you want to use bitmap or the css3 method? Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-675412 Share on other sites More sharing options...
BoltZ Posted October 27, 2008 Share Posted October 27, 2008 Css3 method sounds good here Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676033 Share on other sites More sharing options...
ifubad Posted October 27, 2008 Share Posted October 27, 2008 (all 4 corners) -moz-border-radius: 5px; border: 1px solid #000; (specific corners) -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676066 Share on other sites More sharing options...
BoltZ Posted October 27, 2008 Share Posted October 27, 2008 Is that a hack? I am not familiar with that Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676083 Share on other sites More sharing options...
dropfaith Posted October 27, 2008 Share Posted October 27, 2008 its a firefox thing Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676098 Share on other sites More sharing options...
BoltZ Posted October 27, 2008 Share Posted October 27, 2008 thing.. Elaborate?? Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676106 Share on other sites More sharing options...
dropfaith Posted October 27, 2008 Share Posted October 27, 2008 http://www.css3.info/preview/rounded-border/ only works for firefox and it seems safari as per that link Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676115 Share on other sites More sharing options...
BoltZ Posted October 27, 2008 Share Posted October 27, 2008 but what about other browser ;] Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676121 Share on other sites More sharing options...
ifubad Posted October 27, 2008 Share Posted October 27, 2008 so far, only ff and safari have implemented this. It's unfortunate that IE won't just drop off the face of this earth, which will leave FF to be the dominant browser Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676142 Share on other sites More sharing options...
BoltZ Posted October 27, 2008 Share Posted October 27, 2008 I base thiese statistics off w3schools stats. If internet explorer would die completely 26.3% 22.3% is ie7 and ie6 respectively copied and pasted from w3schools. which equals 48.6 of the market share in browsers. all those would probably go to ff3 which is currently 42.6% which would make ff3 then 91.2% of the market share make chrome 3.1% Opera- 2.0% Safari- 2.7% n the netscape browser .5% haha Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676159 Share on other sites More sharing options...
xtopolis Posted October 28, 2008 Share Posted October 28, 2008 There plenty of rounded corner tutorials out there that are cross browser compatible. You will use 1 or 4 images and set 2 of them as background images while the other 2 are regular images. Please use google. Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676216 Share on other sites More sharing options...
dropfaith Posted October 28, 2008 Share Posted October 28, 2008 http://www.search-this.com/2007/02/12/css-liquid-round-corners/ simple google search it does require images tho or js Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676250 Share on other sites More sharing options...
aximbigfan Posted October 28, 2008 Author Share Posted October 28, 2008 Sorry for not posting back soon, looonnggg day. I am looking for something CSS. The big thing is that it needs to have a black border. I haven't found a way to make a rounded border to go with the rounded box. Thanks! Chris Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676255 Share on other sites More sharing options...
dropfaith Posted October 28, 2008 Share Posted October 28, 2008 just do the one with images and only have a css border for left and right Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-676261 Share on other sites More sharing options...
CroNiX Posted October 29, 2008 Share Posted October 29, 2008 Theres always javascript too. There are scripts that will turn a box, say a div, into a rounded corner box. Heres one that uses the mootools javascript framework, but its kind of a waste to use mootools ONLY for this... http://sgd-ui.melchizedek.ath.cx/demos/corner.html Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-677169 Share on other sites More sharing options...
cupidstoejam Posted October 29, 2008 Share Posted October 29, 2008 Follow this link for tons of different ways to make rounded corners for your box. It has CSS and JS ways. http://www.smileycat.com/miaow/archives/000044.php Quote Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-677459 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.