Once upon a time a young HTML monkey was happily
banging out some code. The monkey god came to the
monkey and said, "These fields should be grouped
together, and there should be signs indicating what the
grouping is."
The young monkey attempted to comply with the monkey
god, and set about creating a color and border, by which
the groupings would be more visible. Then he created the
signs, by which the groups would be known.
It was then the young monkey noticed a problem. The
signs pushed the color beyond the boundaries of the fields.
Try as he might, he could not figure out to push the color
back within the boundaries, at least not without erasing
the border.
Can you help the young monkey?
So I want it pink inside the border, but not outside the
border, but the addition of a legend pushes the
background color up to the height of the legend text.
Only the legend has a white background. When I
added a width to the legend, it erased the top border.
It's for an internal app, so no linkies.
fieldset {
border:#8f2d3f solid 1px;
background:#fee;
display:inline;
margin:0 0 10px 25px;
width:750px;
}
legend {
background:#fff;
font:bold larger Verdana, Arial, Helvetica, sans-serif;
color:#900;
}
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
