|
|
Posted by Jukka K. Korpela on 07/11/07 17:58
Scripsit Jonathan N. Little:
> Neredbojias wrote:
- -
>>> form { display: inline; }
>>
>> One thing I'm not clear on. If that technique is utilized, can one
>> still include a block-level <div> (for instance) within the form?
It's not clear (at least by my reading of CSS specs) what should happen if
an element with display: block appears inside an element with display:
inline. Hence, I would avoid it and set display: inline for any block inside
a form.
> My understand a block level element must be between the form and the
> form input elements
>
> <!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->
That's by the HTML 4.01 Strict rules. Browsers don't really care whether you
are Strict or not (though they may care about a doctype declaration where
you _claim_ to be Strict), so what matters is whether you facturally have
blocks inside a form.
> so you would need to add to the rule
>
> form, form * { display: inline; }
Well, yes, that would take care of the issue in a sense, but I would rather
use more specific selectors like
form, form div, form p { display: inline; }
Strange things _might_ happen in future browsers, when the default display:
inline-block (for img, input, select etc., as per CSS specs) is changed to
display: inline. I don't know what might happen, but specifically for that
reason, I would avoid creating the question.
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
Navigation:
[Reply to this message]
|