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 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? 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 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; 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 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 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?? 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 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 ;] 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 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 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. 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 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 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 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 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 Link to comment https://forums.phpfreaks.com/topic/130217-simple-rounded-box/#findComment-677459 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.