Re: [css-d] Making legends behave like normal boxes
Rafael wrote: A link is really useful in these cases. If you can, strip down your HTML CSS to simply things. Can't give you urls, I'm afraid (secure server). In any case, the problem is entirely generic. I have completely stripped down everything, to the point where the computed style for headers and legends is identical. However the type of 'display' applied to legends is intrinsically weird. Remember that by default they sit /inside/ the border of their containing frameset. My particular problem is that they seem to retain inline properties even when set as block. A computed 100% width will still end up as the minimum width required by the content. The only way I can find to extend the box is by applying fixed padding, ie values in px or ems. Snadden Tim wrote: And I want legends to act like headers. Legends are very tricky to style. I found that the best way to get control was to add a span inside and style that. Extra markup is obviously not ideal but it appears to be the only practical solution to get real control over rendering of legends. This is a generically helpful way of dealing with obtuse objects, but actually it doesn't help in this circumstance. The misbehaving bounding box of the legend will still clip the contents, whatever they may be. The problem is that the legend cannot be relied upon to behave based on the metrics around it. I am treating this as a case of systematic introduction of unsemantic markup and highly protracted styles vs. javascript (javascript always wins, it's CSS4). Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making legends behave like normal boxes
And I want legends to act like headers. Legends are very tricky to style. I found that the best way to get control was to add a span inside and style that. Extra markup is obviously not ideal but it appears to be the only practical solution to get real control over rendering of legends. Tim This email with any attachments is confidential and may be subject to legal privilege. If it is not intended for you please reply immediately, destroy it and do not copy, disclose or use it in any way. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Making legends behave like normal boxes
Hi all! I'm building a site strongly based on established style guides, in which all header elements have dotted bottom-borders that stretch (as you would expect) accross the available vertical space. And I want legends to act like headers. But after applying a very solid reset (Eric's – trying this out for the first time) and applying display:block, legends still can't completely escape their very weird and specific niched-into-that-small-space-in-the-top-right. A huge right padding and overflow:hidden on the forms is almost good enough, but this eats into the right padding of the form (which is ugly) and causes Safari to create returns wherever possible in the legend's white-space in order to respect as much of the padding as possible. I thought I'd have a look at what mysterious in-house css Mozilla was applying to legends to differentiate them from other block elements, but to my surprise, there's nothing there. According to the DOM inspector's CSS concatenator it's just a normal element. Any wisdom out there? Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making legends behave like normal boxes
A link is really useful in these cases. If you can, strip down your HTML CSS to simply things. Barney Carroll wrote: Hi all! I'm building a site strongly based on established style guides, in which all header elements have dotted bottom-borders that stretch (as you would expect) accross the available vertical space. And I want legends to act like headers. But after applying a very solid reset (Eric's – trying this out for the first time) and applying display:block, legends still can't completely escape their very weird and specific niched-into-that-small-space-in-the-top-right. A huge right padding and overflow:hidden on the forms is almost good enough, but this eats into the right padding of the form (which is ugly) and causes Safari to create returns wherever possible in the legend's white-space in order to respect as much of the padding as possible. I thought I'd have a look at what mysterious in-house css Mozilla was applying to legends to differentiate them from other block elements, but to my surprise, there's nothing there. According to the DOM inspector's CSS concatenator it's just a normal element. Any wisdom out there? Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
