Rounding corners of tables.

[jmorris]

I have seen a few sites lately which have rounded corners on the tables, rather then right angle corners.

I imagine this is done with css. Does anyone know what attributes/parameters are used to acheive this.

Thanks in advance.

 

[link9]

I don't know how to do it, but I can tell you how to find out... just go to the page and view their source code...

If they have it in an include file, just tack whatever the relative path they have listed there to the end of the url in your address bar. It's a great way to find out how people do those neat things you're always seeing.

And it's one of the beautiful things about the web... open source. You put it on the web, and you're letting the world see what you're doing and how you're doing it.

good luck
Paul Prewett

 

[GIGN]

I use tiny transparent gifs just part of a circle - positioned relatively. Make sure to use only a small part - not the whole circle - and keep em small.

b² - benbiddington@surf4nix.com

 

[KevinFSI]

Bangers, if you get a minute, would you mind giving a small example. I've not heard of that method. I was always under the impression one would have to resort to images.

How would you use a circle in such a way? If you have time. Kevin
slanek@ssd.fsi.com

 

[GIGN]

Say what? transparent gifs my friend ;-) I just meant use only the smallest part of the circle you can (you know cut it up in photoshop)
b² - benbiddington@surf4nix.com

 

[KevinFSI]

I've used transparent gifs fairly extensively. Most often, I use a 1-pixel gif to fill blank cells in my tables (just to make the table look right,) but I'm lost on the circle part. What circle would I be cutting up? Kevin
slanek@ssd.fsi.com

 

[WebGodiva]

bangers,

You have to use a paint program to create the curve. If you will e-mail me at yvonneh@site-blauvelt.com, I will send you samples of right (top and bottom) and left (top and bottom) you can edit these to the colors to match your website and you would place them in your table cell (top align and right or left align respectively). This is the only way to get a curve. Some people draw a circle and then crop all but what they need. You have to make sure that the inner portion of the curve matches the color of the table on the inside and the outer portion of the curve would match the outer portion of your page or table/graphic that you are using.

 

[GIGN]

Sorry Kev - Just illustrating a point - I don't use circles at all - I just use a rounded rectangle, this way it matches to the straight edge for you. I just mean I lop of the corner I need - so you can have big or small tips depending on the ocassion.

The real pain comes when you try positioning them, without using CSS. Else you have to specify no cellpadding and all that bull. Of course NS didn't used to enjoy relative positioning. Just do what feels right...

b² - benbiddington@surf4nix.com

 

[KevinFSI]

Dig it. Now I see where you were coming from. I don't know why I was being such a dolt!

I've used the same technique, but for some reason, the way you put it sounded different. Kevin
slanek@ssd.fsi.com