943,634 Members | Top Members by Rank

Ad:
Aug 16th, 2009
0

curved corner

Expand Post »
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!
Similar Threads
Reputation Points: 10
Solved Threads: 1
Newbie Poster
stuckinmud is offline Offline
18 posts
since Jul 2009
Aug 16th, 2009
0

Re: curved corner

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....
Reputation Points: 10
Solved Threads: 0
Light Poster
DaveyMoyes is offline Offline
38 posts
since May 2009
Aug 21st, 2009
0

Re: curved corner

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.
Reputation Points: 13
Solved Threads: 11
Junior Poster
xylude is offline Offline
122 posts
since May 2008
Aug 22nd, 2009
0

Re: curved corner

Click to Expand / Collapse  Quote originally posted by xylude ...
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.
Reputation Points: 16
Solved Threads: 9
Junior Poster
ingeva is offline Offline
106 posts
since Jul 2008
Aug 23rd, 2009
0

Re: curved corner

I don't like curved corners either.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Sep 2nd, 2009
0

Re: curved corner

The trick is to not use big corners (like Windows XP). I keep them very small, especially if the DIV is small.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
AdrianaTX is offline Offline
9 posts
since Sep 2009
Sep 2nd, 2009
0

Re: curved corner

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
Reputation Points: 10
Solved Threads: 2
Newbie Poster
ansaripk is offline Offline
14 posts
since Aug 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: scrolling navigation buttons
Next Thread in HTML and CSS Forum Timeline: Comment box





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC