943,429 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Dec 8th, 2004
0

Rounded Corners?

Expand Post »
To do rounded corners with backgrounds, is there any way of doing it other than a background developed in a drawing/paint program? That seems to be the easy way, but the weight can be heavy and unflexible.
Thanks,
BuddyB
Similar Threads
Reputation Points: 10
Solved Threads: 2
Junior Poster
buddyb is offline Offline
185 posts
since Oct 2003
Dec 8th, 2004
0

Re: Rounded Corners?

there is a css3 function to do it, but nothing supports it apart from mozilla firefox 1.0, so...
Reputation Points: 54
Solved Threads: 20
Master Poster
DaveSW is offline Offline
765 posts
since Jul 2004
Dec 15th, 2004
0

Re: Rounded Corners?

Quote originally posted by DaveSW ...
there is a css3 function to do it, but nothing supports it apart from mozilla firefox 1.0, so...
I'm with your on this, but if you go to eBay you'll see a lot of rounded corners in their basic designs. You can't download a graphic by right clicking the area in question, so I assumed (and we know what happens when assuming) there was a way other than in a graphics program. Do you suppose they have a way of blocking the downloading of their graphics? I would like to be able to do that myself.
BuddyB
Reputation Points: 10
Solved Threads: 2
Junior Poster
buddyb is offline Offline
185 posts
since Oct 2003
Dec 15th, 2004
0

Re: Rounded Corners?

hi,

you can avoid viewers to download the graphics in a site through a javascript code. But even though it is there, there are quite lots of option to download..... name for a few 'saving the file from the file menu of the browser window', 'print screen the page and take that to an editor and doing the alterations there.'

otherwise there is no option to create a rounded corner in CSS. Go to www.w3.org to know more on CSS options.

lovablefool
Reputation Points: 10
Solved Threads: 0
Newbie Poster
lovablefool is offline Offline
15 posts
since Dec 2004
Dec 15th, 2004
0

Re: Rounded Corners?

All the rounded corners in ebay are images. And it is a very small size. If you right click in the extreme end of the corner, you can get save as option.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
lovablefool is offline Offline
15 posts
since Dec 2004
Dec 15th, 2004
0

Re: Rounded Corners?

Quote originally posted by lovablefool ...
there is no option to create a rounded corner in CSS
Like I said, there is a CSS option, but it isn't well supported: http://www.w3.org/TR/css3-border/#the-border-radius

My usual technque is to nest a number of divs, and apply the solid background color to the bottom one, along with the first corner, then have the rest transparent, but each has a different corner as a background. I'll find an example for you if you like.
If you examine the ebay code you find a link to the following image: http://pics.ebaystatic.com/aw/pics/n...Left_12x12.gif
it's just droppped in front of the text and gives the rounded corner effect, whilst allowing the block to expand (theoretically).
Reputation Points: 54
Solved Threads: 20
Master Poster
DaveSW is offline Offline
765 posts
since Jul 2004
Dec 15th, 2004
0

Re: Rounded Corners?

If you use solid gifs, the format is quite simple. The colors are simple hex-pairs, and so can be manipulated on the fly. One site I worked on years ago, we altered and served the gifs on the fly to make a rounded corner match the user's color scheme. I was quite proud of that little trick.

With ASP.NET, there is the System.Drawing namespace, which allows you to create bitmaps dynamically, on the fly, and and them to the response stream.

All of that is just "FYI", as your question has already been answered: rounded corners are graphics, not CSS (yet).

If the idea is just visual appeal, consider floating text around a graphic...

http://www.bigbaer.com/css_tutorials...p.tutorial.htm
Team Colleague
Reputation Points: 227
Solved Threads: 37
Made Her Cry
tgreer is offline Offline
1,697 posts
since Dec 2004
Dec 19th, 2004
0

Re: Rounded Corners?

Just put a corner piece in each of the 4 corners and leave the remaining table space with a background color that matches the color of the corners.
Reputation Points: 10
Solved Threads: 0
Light Poster
kernel is offline Offline
44 posts
since Dec 2004
Dec 20th, 2004
0

Re: Rounded Corners?

Quote originally posted by kernel ...
...remaining table space...
tables are for tabulated data, not layout.
http://www.hotdesign.com/seybold/
Reputation Points: 54
Solved Threads: 20
Master Poster
DaveSW is offline Offline
765 posts
since Jul 2004
Dec 20th, 2004
0

Re: Rounded Corners?

I disagree. Its yet another matter of opinion. Its not a good thing to portray an opinion on coding as fact.
Reputation Points: 10
Solved Threads: 0
Light Poster
kernel is offline Offline
44 posts
since Dec 2004

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: .htm any different from .html?
Next Thread in HTML and CSS Forum Timeline: Single Table Cell background





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


Follow us on Twitter


© 2011 DaniWeb® LLC