Posted by Carolyn Marenger on 03/14/06 00:04

gerg wrote:

> Jukka K. Korpela wrote:
>
>>>I have a form in which I want all the form elements to be in a strait
>>>line IE:
>>>
>>>Username: <input box> Password: <input box> <submit button>
>>
>> Stop wanting that. Such a layout reduces accessibility. Put one field,
>> together with its label, on one line.
>
> Thank you, that's very helpful. How does it reduce accessibility?

In a narrow viewport, the forced wrapping may end up looking like...

Username: <input box> Password:[NEW LINE]
<input box> <submit button>

I think it is more of a making your site look like the rest - standards and
the like. If you prefer your look and feel - go for it!


>> Yes you can. You don't put each element in a block of its own. That would
>> actually be against the idea of block. You can wrap all the stuff inside
>> a single <div> or, more reasonably, use
>
> If I do the <div>username <input..></div> i get the stacked layout,
> which is not what I WANT. Aside from "stop wanting that" is there any
> other advice you could offer?

I haven't tried it, but <div> </div> creates a block, resulting in your
stacked layout. <span> </span> may resolve your issue. The second option
might be <div class="inline"> </div> around each item, and in your
stylesheet, specify display="inline" for the related class, to remove the
'block' effect.

> Thanks in advance.

I hope this helps,

Carolyn
--
Carolyn Marenger

[Back to original message]