text-align : right ignored for <input

[Vadim Plessky]

On Sunday 16 March 2003 22:46, Dan Sylveste wrote:
|  *.ee102 { font-size : 10.00pt; font-family : "Arial", Sans-serif;
|  text-align : right }
|
|
|          <input name="p1B2" type="text" value="10,000.00"
| onblur="this.value=eedisplayFloatNDTh(eeparseFloatTh(this.value),2);recalc_
|o nclick('p1B2')" tabindex="1"
|           style='border:1px solid #000000;width:75pt' size="14"
|       class=ee102 >
|
|  right aligns the contents of the form field both in IE and Mozilla, but
| not in Konqueror 3.0.3

That's what I wrote yesterday :-)

Question: do you want fix exactly for <input> filed, or work-around for your 
particular solution?
Or even better solution than yours? :-))

Check attached HTML example, I did several modifications.
First, note that 'name' is depreciated, you should use 'id' instead.
I replaced 'name' with 'id' and used getElementById DOM method to get access 
to element (recommended usage, instead of NN4-like, or MS IE4-like 
"collections")

I also replaced <input> with <div>, and than applied element.innerHTML method 
to change content (you can use something more simple, but innerHTML is pretty 
well known and Konqueror supports it)

Modified code in question is:

  <td    align=right class="ee103">
	<div id="p1B5" 
	style='border: 0px solid #000000;width:75pt;height:14pt' class="ee103" >
	</div>
  </td>

After this redesign:  everything works as expected. :-)
(and there is no border around last element)

BTW:   I would recommend you do not use legacy elements at all.
CSS (<div>) methods are much, much better for the purpose of presentations, 
comparing to other elements (button, input fields, etc.)
Instead of creating button and "theming" it later, you can use <div> from the 
beginning and modify it via CSS.

|
|  This is also from
|  http://www.xleverywhere.com/samples/interest_calculator.htm
|
|
|  Cheers,
|
|  Darren

Greetings,

Vadim
-- 

Best Regards,

Vadim Plessky
SVG Icons * BlueSphere Icons 0.3.0 released
http://svgicons.sourceforge.net
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://mail.kde.org/mailman/private/kfm-devel/attachments/20030317/73f7d6b4/attachment.htm>