Posted by aaron.reese on 09/27/03 11:52

Guys,

I am trying to add rounded corners to my CSS containers (some of which
are still tables - BOO!!!!)

I dont want to use images becuase I need to update the both the
foreground and background colours on a regular basis and as you know,
only one colour of a gif can be transparent so either the foreground or
background colour will be wrong...

I am using php as a server side scripting language and was thinking of
using <HR> in a loop and using Sine and Cosine calculations to
determine the length of the <HR>.

E.g.

I have a table 100 px wide and want a curve with a radius of 10 on each
corner. This means that the first <HR> needs to be the same width as
the table (100px) and the 20th <HR> needs to be 120px (10px overlap on
each end). The length of the intermeidate <HR>s is determined using
algebra based on how far round the curve you are.

The problem is that <HR> seems to leave white space around the element
even when you set border, padding and margin to be zero. Does anyone
have any ideas??

Obiron

[Back to original message]