471,583 Members | 1,506 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,583 software developers and data experts.

up/down control with CSS?

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

Sep 21 '07 #1
3 3050
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
Sep 21 '07 #2
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

Sep 21 '07 #3
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.
Sep 21 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by gk | last post: by
6 posts views Thread by John | last post: by
8 posts views Thread by Ed Dror | last post: by
1 post views Thread by jacbyrd | last post: by
6 posts views Thread by zacks | last post: by
reply views Thread by lumer26 | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.