up/down control with CSS?

[MarkMc]

Hi

I'm fairly new to CSS, so be gentle with me!

I'm trying to have an input box with a + and - image/button next to it
(can you imagine what I want to do with these buttons? :). I want to
have the '+' button sitting directly above the '-' button. I've been
trying to play around with in-line divs, floated etc, with no luck.

Is this possible with CSS? I don't want to use a table unless all
hope with CSS is lost.

I'm developing on IE 6, but I want to target Firefox as well.

Regards,
Mark

[Rob]

MarkMc schreef:

Hi

I'm fairly new to CSS, so be gentle with me!

That's no fun

I'm trying to have an input box with a + and - image/button next to it
(can you imagine what I want to do with these buttons? :).

Actually: no.

I want to
have the '+' button sitting directly above the '-' button. I've been
trying to play around with in-line divs, floated etc, with no luck.

Is this possible with CSS? I don't want to use a table unless all
hope with CSS is lost.

I'm developing on IE 6, but I want to target Firefox as well.

Maybe you'd better not develop for a specific browser(s)
but use a doctype, stick to the standards
and only when it's absolutely necessary use the occasional hack.

>
Regards,
Mark

Good luck

--
Rob

[MarkMc]

I'm trying to have an input box with a + and - image/button next to it

(can you imagine what I want to do with these buttons? :).

Actually: no.

I basically want to make a numeric "control" that will increment its
value when clicking the '+', and decrement when the '-' is clicked.

Web standards: absolutely I'll strive to do it with web standards, but
so far in my (limited) experience with CSS (read a few 'practical'
books and played a bit on my personal web site), you pretty quickly
have to get in to browser hacks. :(

Any suggestions on how to get the buttons sitting on top of each
other, next to the text input?

Cheers,
Mark

[Harlan Messinger]

MarkMc wrote:

Hi

I'm fairly new to CSS, so be gentle with me!

I'm trying to have an input box with a + and - image/button next to it
(can you imagine what I want to do with these buttons? :). I want to
have the '+' button sitting directly above the '-' button. I've been
trying to play around with in-line divs, floated etc, with no luck.

Is this possible with CSS? I don't want to use a table unless all
hope with CSS is lost.

You could just use a single image depicting both buttons, and use a
client-side image map that divides it into two regions. If you have more
than one of these buttons on the page, they can share the same MAP element.