Thanks for your help with all this, I went with Hectors solution in the end. Here's the demo concept: http://www.getdiverted.com/test/test.html
Cheers guys! On Nov 9, 9:36 am, mbraybrook <[EMAIL PROTECTED]> wrote: > It is not a good idea, in my experience, to use floats in that way, > but if it works - consistently - then i guess there is no real reason > not to, it just doesn't feel right... > > I would avoid going down the road of using inline-block, IE will not > completely support it until IE8 is released, and Firefox only released > support in its most recent FF3 (http://www.quirksmode.org/css/ > display.html). > > Therefore it requires a whole lot of learning of how it reacts to > different browsers, for the sake of achieving the task, I'd use either > my overly simple idea, or for better expandability use Hectors' > example. > > M > > On Nov 7, 5:25 pm, nmiddleweek <[EMAIL PROTECTED]> wrote: > > > Why is this bad markup? it works... > > > On Nov 7, 4:27 pm, mbraybrook <[EMAIL PROTECTED]> wrote: > > > > This works: > > > <input type="text" style="float:left;"/><span style="width:80px; > > > background-color:#00FF00;display:block;float:left;">A</span> > > > > However... > > > I feel bad telling you that - this is bad markup - perhaps you could > > > explain why you are trying to do this, or what the bigger picture here > > > is? > > > > As stated by Andy, setting span, an inline element, to display:block, > > > defeats the object of using a span tag at all. > > > > M > > > > On Nov 7, 4:04 pm, 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