Home/ Questions/Q 7819881
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T07:06:02+00:00

I am having troubles for positioning a span with the watermark text on top

  • 0

I am having troubles for positioning a span with the watermark text on top of an input. The code using GWT+uibinder looks like that:

http://jsfiddle.net/camposcarlos/dMzL4/

and transformed into html looks like that:

http://jsfiddle.net/ajMWd/

instead of having the span overlapped on top of the input field by floating it to the left:

|----------------------------------|
|                |------------||--||
|                |passwd      ||Go||
|                |------------||--||
|                                  |
|----------------------------------|

I get it after the input

|----------------------------------|
|          |------------|      |--||
|          |            |passwd|Go||
|          |------------|      |--||
|                                  |
|----------------------------------|

or in the next line if I try to position the span relative to the width of the input 

|----------------------------------|
|                |------------||--||
|                |            ||Go||
|                |------------||--||
|                 passwd           |
|----------------------------------|

Any ideas on how to solve it?
Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have been able to solve it using a nice solution from here.
    The trick was to tag the container with a relative position style and the passwordbox and its span with absolute tags. It works with no need of specifying any position! (although I haven’t tried with IE yet)
    http://jsfiddle.net/ajMWd/4/

    • 0