Wrap the input in a div with and set the div's position to relative.
Then, add the span as as a div, set the width, and position it absolutely.
Its absolute position will be relative to the container div, not the page.
<div style="position: relative;">
<input type="text" name="name" style="width: 100px;" />
<div style="position: absolute; left: 100px; top: 0px; width:
90px;">test</div>
</div>
-Hector
On Fri, Nov 7, 2008 at 8:04 AM, nmiddleweek <[EMAIL PROTECTED]>wrote:
>
> Yes that works...
>
> What I'm trying to do is display a SPAN atg at the end of an Input
> text field of a fixed size. If I set the display to block, it is
> forcing itself to be on the next line.
>
> Have you got any idea on how I can do this?
>
>
> Cheers,
> Nick
>
>
> On Nov 7, 3:48 pm, mbraybrook <[EMAIL PROTECTED]> wrote:
> > try:
> > <span style="width:80px; background-color:#00FF00; display:block;">A</
> > span>
> >
> > Does that work?
> >
> > M
> >
> > On Nov 7, 3:45 pm, nmiddleweek <[EMAIL PROTECTED]> wrote:
> >
> > > Hello,
> >
> > > I've got a SPAN tag which is set to 80px...
> >
> > > <span style="width:80px; background-color:#00FF00;">A</span>
> >
> > > The contents of the SPAN is a single character and when rendered on
> > > screen, the green SPAN is showing as only approx 15 pixels in width.
> >
> > > How can I force the width to be 80px?
> >
> > > Thanks,
> > > Nick
>
