Posted by gerg on 03/14/06 09:12

Carolyn Marenger wrote:
> 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 and Toby, Thank you for your quick and consise responses. I'm
gonna go make this work now! Thanks again.

Greg

[Back to original message]