|
Posted by Ben C on 01/20/07 22:30
On 2007-01-20, Dave Kelly <daveekelly@earthlink.net> wrote:
> The code is here: http://home.earthlink.net/~daveekelly/pop-page1.htm
>
> How do I get the right side to line up neater? This looks awful.
You can put the whole lot in a <div style="text-align: right">, but then
the left side won't be lined up right.
> I have used the width="100%", but I think I am up against the wall that
> the browser sets the max number of characters that 100% can represent.
Not quite sure what you mean, but it seems from your page like you want
to extend the textareas at the end of each line to the end of the line.
There are several problems with width="100%" on an input.
First, input has no width attribute in HTML. You could use style="width:
100%", but that would set the width of the input to 100% the width of
the container, inevitably putting it on a new line rather than extending
it to the end of the current line.
Aligning the inputs by extending them is not easy. There is no way in
CSS to set the width of an inline-block automatically to the distance
between where it starts (determined by the text and inlines preceding
it) and the end of the line.
The easiest way to get it all to line up is to use a table, as you have
done a bit further down the page.
Navigation:
[Reply to this message]
|