Re: Amaya 11.3 -- legends
| Newsgroups | gmane.comp.web.amaya.general |
|---|---|
| Message-ID | <[email protected]> |
I am now going to submit as a bug because there is a situation where
:transparent is required..... Given a site design with a general stylesheet
tha specifies background colors for both div and legend elements.
But for a special case you want a particular form that has the
legend color matching the div color. You could hardcode it but
what happens when general spreadsheet div color is modified...
you should not have to 'touch up' the specific example!
:transparent is the appropriate solution in this case and all the
major browsers would accommodate this.
Mind you I think it is just a layering bug as nested boxes should
appear over the top of the nester and the fieldset border covered
by the legend box ... this is the interpretation that browsers are using.
In your example, the style element contains a rule
legend {background:transparent;}
That's why you can see the border from the fieldset element through the
legend box.
To avoid that, remove the background rule, or change "transparent" to
"white".
I am not sure who is wrong here. Neither the HTML 4.01 spec nor the CSS
2.1 spec
clearly state whether the border of a fieldset element should be visible
or not
through a transparent legend box.
Vincent.
On 3/12/09 13:48, [email protected] wrote:
> <?xml version="1.1" encoding="iso-8859-1"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml1-strict.dtd">
> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
> <head><title>Legend Styles:[email protected]</title>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
> <style type="text/css">
> fieldset.r {border:2px solid maroon; margin:5px; padding:2px}
> legend {background:transparent;border:1pt solid black;
> margin-left:10px;padding-left:4px;padding-right:4px}
> </style>
> </head><body><h1>Legend Styles:[email protected]</h1>
> <p>Amaya 11.3 leaves the border from the fieldset element inside the
> legend
> box instead of placing the legend box <em>over</em> the top of the
> fieldset
> box. Check the look against any mainstream browser.</p>
> <fieldset><legend class="r">My Form</legend></fieldset>
> </body></html>
> --
> --
> John Russell, [email protected]
> http://home.cogeco.ca/~ve3ll
> http://home.cogeco.ca/~trains
> http://home.cogeco.ca/~cipher
--
--
John Russell, [email protected]
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher