Hi Liam, Thanks for your input... Is inline-block IE only?
On Nov 7, 5:20 pm, Liam Potter <[EMAIL PROTECTED]> wrote: > display:inline-block; > > Andy Matthews wrote: > > Actually that will NOT fix it all. That makes the span into a block level > > element which will force it to the next line. > > > andy > > > -----Original Message----- > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of Liam Potter > > Sent: Friday, November 07, 2008 11:08 AM > > To: jquery-en@googlegroups.com > > Subject: [jQuery] Re: span tag is width:80px but is only showing the width > > of contents? > > > the most simple way to do this, is to simply apply display:block on the > > span. > > <span style="display:block;width:80px;background:#00FF00;">A</a> > > > that will fix it all. > > > Andy Matthews wrote: > > >> That's a LOT of markup. > > >> You could actually use an input field if you just want to set a > >> background color an some text. It might look like this: > > >> <input type="text" name="name" style="width: 100px;" /> <input > >> type="text" name="name" value="some text" style="width: > >> 80px;background: #ff0000; border: 0px;height: 20px;" /> > > >> -----Original Message----- > >> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] > >> On Behalf Of Hector Virgen > >> Sent: Friday, November 07, 2008 10:30 AM > >> To: jquery-en@googlegroups.com > >> Subject: [jQuery] Re: span tag is width:80px but is only showing the > >> width of contents? > > >> 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
