By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
458,122 Members | 1,583 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 458,122 IT Pros & Developers. It's quick & easy.

Fitting a character on a small button

P: n/a
I have been trying to make a (supposedly) simple control. The control is
nothing more than a control used to select integers, I was planning on
making it a UserControl composed of a TextBox and 2 Buttons (basically like
those controls you sometimes see in Windows applications). The functionality
is obviously very simple code, and I was going to make the
increment/decrement buttons using the characters 5 and 6 in the font
Webdings. The problem occurs when I try to fit a character on a button that
is only half the height of a TextBox (about 10px). I feel like I tried every
combination of CSS properties possible, but it only seemed to want to let me
move the character up, not down. Does anyone have any ideas as to how I can
make a nice-looking good-sized button for this without using graphics? If
so, I would greatly appreciate it if you could help me out here. Thanks.
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/
Mar 12 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
I'm unclear what your problem is really.

It sounds like you are using an Image button control, but you are also
talking about centering text which does not compute with me. Can you be
explicit about the button type you are using the graphic size you have, and
where the fonts fit into the equation and your stylesheet code. And the
'Exact' problem you are having.

Thanks.

--
Terry Burns
http://TrainingOn.net
"Nathan Sokalski" <nj********@hotmail.com> wrote in message
news:uL**************@tk2msftngp13.phx.gbl...
I have been trying to make a (supposedly) simple control. The control is
nothing more than a control used to select integers, I was planning on
making it a UserControl composed of a TextBox and 2 Buttons (basically like
those controls you sometimes see in Windows applications). The
functionality is obviously very simple code, and I was going to make the
increment/decrement buttons using the characters 5 and 6 in the font
Webdings. The problem occurs when I try to fit a character on a button that
is only half the height of a TextBox (about 10px). I feel like I tried
every combination of CSS properties possible, but it only seemed to want to
let me move the character up, not down. Does anyone have any ideas as to
how I can make a nice-looking good-sized button for this without using
graphics? If so, I would greatly appreciate it if you could help me out
here. Thanks.
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/

Mar 12 '06 #2

P: n/a
I am not using an ImageButton, I am using a
System.Web.UI.WebControls.Button, which means that there is no graphic
involved. The most significant parts of my CSS code were the margin,
font-size, and font-family properties. My "exact" problem, as best I can
explain it, is the position of the text on the button. Because the button is
so small (I believe the size I was using was 20x10px), I am having trouble
centering the text. Because part of a character is sometimes transparent, I
am having trouble moving the character vertically down far enough. Even
though the visible part of the character is small enough, the physical size
of the character is too big.
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/

"Terry Burns" <me@mine.com> wrote in message
news:%2****************@TK2MSFTNGP09.phx.gbl...
I'm unclear what your problem is really.

It sounds like you are using an Image button control, but you are also
talking about centering text which does not compute with me. Can you be
explicit about the button type you are using the graphic size you have,
and where the fonts fit into the equation and your stylesheet code. And
the 'Exact' problem you are having.

Thanks.

--
Terry Burns
http://TrainingOn.net
"Nathan Sokalski" <nj********@hotmail.com> wrote in message
news:uL**************@tk2msftngp13.phx.gbl...
I have been trying to make a (supposedly) simple control. The control is
nothing more than a control used to select integers, I was planning on
making it a UserControl composed of a TextBox and 2 Buttons (basically
like those controls you sometimes see in Windows applications). The
functionality is obviously very simple code, and I was going to make the
increment/decrement buttons using the characters 5 and 6 in the font
Webdings. The problem occurs when I try to fit a character on a button
that is only half the height of a TextBox (about 10px). I feel like I
tried every combination of CSS properties possible, but it only seemed to
want to let me move the character up, not down. Does anyone have any ideas
as to how I can make a nice-looking good-sized button for this without
using graphics? If so, I would greatly appreciate it if you could help me
out here. Thanks.
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/


Mar 12 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.