Rounded Corners?

Reply

Join Date: Oct 2003
Posts: 185
Reputation: buddyb is an unknown quantity at this point 
Solved Threads: 1
buddyb buddyb is offline Offline
Junior Poster

Rounded Corners?

 
0
  #1
Dec 8th, 2004
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
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Rounded Corners?

 
0
  #2
Dec 8th, 2004
there is a css3 function to do it, but nothing supports it apart from mozilla firefox 1.0, so...
Reply With Quote Quick reply to this message  
Join Date: Oct 2003
Posts: 185
Reputation: buddyb is an unknown quantity at this point 
Solved Threads: 1
buddyb buddyb is offline Offline
Junior Poster

Re: Rounded Corners?

 
0
  #3
Dec 15th, 2004
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
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 15
Reputation: lovablefool is an unknown quantity at this point 
Solved Threads: 0
lovablefool lovablefool is offline Offline
Newbie Poster

Re: Rounded Corners?

 
0
  #4
Dec 15th, 2004
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
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 15
Reputation: lovablefool is an unknown quantity at this point 
Solved Threads: 0
lovablefool lovablefool is offline Offline
Newbie Poster

Re: Rounded Corners?

 
0
  #5
Dec 15th, 2004
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Rounded Corners?

 
0
  #6
Dec 15th, 2004
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).
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Rounded Corners?

 
0
  #7
Dec 15th, 2004
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
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 44
Reputation: kernel is an unknown quantity at this point 
Solved Threads: 0
kernel's Avatar
kernel kernel is offline Offline
Light Poster

Re: Rounded Corners?

 
0
  #8
Dec 19th, 2004
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Rounded Corners?

 
0
  #9
Dec 20th, 2004
Originally Posted by kernel
...remaining table space...
tables are for tabulated data, not layout.
http://www.hotdesign.com/seybold/
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 44
Reputation: kernel is an unknown quantity at this point 
Solved Threads: 0
kernel's Avatar
kernel kernel is offline Offline
Light Poster

Re: Rounded Corners?

 
0
  #10
Dec 20th, 2004
I disagree. Its yet another matter of opinion. Its not a good thing to portray an opinion on coding as fact.
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum


Views: 8001 | Replies: 17
Thread Tools Search this Thread



Tag cloud for HTML and CSS
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC