I've been playing around with Roger Johansson's transparent corners:

http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/

My first idea was to extend the corner images out of the content div
as little as possible so I could separately control padding in the
box.  Unfortunately, the background showed through certain portions of
the transparent corner:

http://curby.net/doc/roundbox/step1.html

After resigning myself to the fate of huge vertical spaces at the tops
and bottoms of my styled divs, I got:

http://curby.net/doc/roundbox/step2.html

Step 3 just involved cleanup and documentation.  Before incorporating
these boxes in an elastic jello layout, I figured I should do a sanity
check:

1) Is there an easy way of masking out those bars in the corners of
step 1?  That would likely still be my preferred solution if only it
would work.

2) Should I just go with hard-coded divs or continue with the
Javascript?  What might affect the decision?  Clean HTML is wonderful
but the script requirement is unfortunate.

3) Do you anticipate problems incorporating these rounded boxes into
jello and/or elastic layouts?  After surfing around a bit, it doesn't
seem like a popular solution.  I don't want to waste days trying to
get the impossible to work. =)

If you see me doing something else stupid, please let me know.  I'm
new at this.  Thanks!

P.S. Wandering off the roundbox directory quickly leads to
unparalleled ugliness. =X
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to