On Sun, 11 Mar 2007, [EMAIL PROTECTED] wrote:
> Having some real problems with styling and formatting the following form
> elements. I don't seem able to have any impact on them at all...
>
> <legend>, <fieldset>,
There are many limitations and bugs in browsers, but those elements can be
styled in several ways on modern browsers.
> I thought the following may have had some effect:
>
> HTML FORM legend{ - }
Well, "-" is not a CSS declaration, so the rule will indeed be ignored.
:-) Seriously, if you put something simple there, like color: red, it will
probably be applied. You don't need the HTML FORM part there; you can
write just
legend { color: red; }
(which is not useful for anything but seeing that styling is possible).
For an analysis of specific issues, a specific style sheet, or
(preferably) a URL is needed, and an identification of the browser(s) you
used.
> I suppose I was hoping the DOM may have come to my aid, but no such luck. I
> thought everything we do some how interacts with the DOM, but not CSS.
Well, yes, but you don't need to specify a path from the root element down
to the element you wish to style. CSS selectors can be used much simpler.
> I had some minor success with <div class="HTML></div> but only partial..
Neither should you need such extra markup for the purpose of styling a
legend, for example.
You might have encountered some specific browser bug, perhaps related to
the use of a <form> element as the _first_ element in <body> (which is
valid of course, but I've seen it trigger some bugs), but a URL is needed
for an analysis.
I recently noticed that even Firefox 2 has a nasty bug in form styling: if
you have e.g. <form ...><p><input ...><input ...></form> and you try to
draw a border around the form, Firefox draws it as if the form extended to
the bottom of the page. Ditto for setting a background. Adding the
"redundant" </p> tag before </form> removes the problem.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
