curved corner

Reply

Join Date: Jul 2009
Posts: 18
Reputation: stuckinmud is an unknown quantity at this point 
Solved Threads: 0
stuckinmud stuckinmud is offline Offline
Newbie Poster

curved corner

 
0
  #1
Aug 16th, 2009
hello, its the pain again!!!

Im trying to make a box with rounded corners to put text in some and photos in another but am struggling

I have a black background and would like a thin white rectangle that is landcape in orientation and has curved corners.

As if im not being a big enough pain, id like to be able to adjust the size of them

ive tried doing something in corel, paint and also downloading corners but it is not creating what im looking for

can anyone point me in the right direction please as ive googled this dozens of times and after a week am ready to give up

thanks a lot!
Reply With Quote Quick reply to this message  
Join Date: May 2009
Posts: 18
Reputation: DaveyMoyes is an unknown quantity at this point 
Solved Threads: 0
DaveyMoyes DaveyMoyes is offline Offline
Newbie Poster

Re: curved corner

 
0
  #2
Aug 16th, 2009
Hi im no webmaster but i had the same problem a few weeks ago,

What i found was this.... it works in FF but not IE.... im yet to find out how this can be achived in IE.

whilst in dreamweaver (cs3) create your box as you would do,
Open the CSS from the top right panel,
select borders, and select the type of your border you'd like to use, thicknes, solid, thin and give it the color youd like too. clicking ok to close the css properties box.
Then look through properties of the css - scroll down a bit and locate the following - ignore the (4px) as i have used this as a guide only...
-moz-border-radius-bottomleft (4px)
-moz-border-radius-bottomright (4px)
-moz-border-radius-topleft (4px)
-moz-border-radius-topright (4px)
This may not be what ye looking for, but in FF it will give you your desired effect, Open IE, and they will be square....

If you find out how these corners can work in IE I would be very much appreciated if you could repost here...

Good luck....
why did I ever start.....
If you have helped me in the past, or you help me in the future.
I say thanks to you all
it is appreciated
Reply With Quote Quick reply to this message  
Join Date: May 2008
Posts: 27
Reputation: xylude is an unknown quantity at this point 
Solved Threads: 0
xylude xylude is offline Offline
Light Poster

Re: curved corner

 
0
  #3
Aug 21st, 2009
I always use curvycorners.js to get the rounded corners effect - it works in FF and Safari/Opera. Just google "curvycorners" and it should come right up. There are also a lot of great tutorials on the web for achieving this effect.
Reply With Quote Quick reply to this message  
Join Date: Jul 2008
Posts: 101
Reputation: ingeva is an unknown quantity at this point 
Solved Threads: 9
ingeva ingeva is offline Offline
Junior Poster

Re: curved corner

 
0
  #4
Aug 22nd, 2009
Originally Posted by xylude View Post
I always use curvycorners.js to get the rounded corners effect - it works in FF and Safari/Opera. Just google "curvycorners" and it should come right up. There are also a lot of great tutorials on the web for achieving this effect.
The fact that some actually WANT rounded corners really baffles me. I would go to great length to have them removed. They are so UNNATURAL!
That may also be the reason why I HATED Windows XP when it came around, until I discovered that it was possible to use the "classic" design.

Some like Flash and Blinkenlichts too .... People are strange!

But don't mind me. I'm just an old outdated programmer.

I still stand firm on my right to hate Windblows, though. Any variety.

Pardon the digression.
Yes, I'm running Ubuntu. Of course.
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 3,203
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: curved corner

 
0
  #5
Aug 23rd, 2009
I don't like curved corners either.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Join Date: Sep 2009
Posts: 9
Reputation: AdrianaTX is an unknown quantity at this point 
Solved Threads: 0
AdrianaTX's Avatar
AdrianaTX AdrianaTX is offline Offline
Newbie Poster

Re: curved corner

 
0
  #6
Sep 2nd, 2009
The trick is to not use big corners (like Windows XP). I keep them very small, especially if the DIV is small.
In Texas ya'll
Reply With Quote Quick reply to this message  
Join Date: Aug 2007
Posts: 6
Reputation: ansaripk is an unknown quantity at this point 
Solved Threads: 0
ansaripk's Avatar
ansaripk ansaripk is offline Offline
Newbie Poster

Re: curved corner

 
0
  #7
Sep 2nd, 2009
This can be done in any way but i know 2 methods to make the job perfect. I've done this job some weeks ago nicely. Please choose any suitable method from the following.

1st Method:
http://kalsey.com/2003/07/rounded_corners_in_css/
or
http://www.cssjuice.com/25-rounded-c...ques-with-css/

This method is very nice and suiltable. you can use rounded corners images only in headings.

2nd Method: using jQuery plugin.

This is the exact what you are looking for. I think this will be helpful.
Regards
Reply With Quote Quick reply to this message  
Reply

Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC