HighDots Forums  

Size of IE input button

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Size of IE input button in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Per Steffensen
 
Posts: n/a

Default Size of IE input button - 11-19-2004 , 07:20 AM






Hi

I have the following in my html:

<input type="button" value="Short"/>
<input type="button" value="Very long text on this button"/>

It gives two buttons on the html form. My problem is that in IE the
length, from where the text on the botton starts/ends (horisontally)
to the border of the button, depends on the length of the text on the
button. That is, the difference in length between my two buttons is
not only the diffenrece in the lenght of the two texts ("Short" and
"Very long text on this button"), cause the margin between the text
and the borders of the button is also much larger for the button with
the long text.

I would like a fixed length from the left border of the button to
where the text starts, and from where the text ends to the right
borden of the button.

How do I do that? I have tried alot of different stylings etc. But
nothing helps...

Thanx alot...

Steff

Reply With Quote
  #2  
Old   
Evertjan.
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 01:02 PM






Per Steffensen wrote on 19 nov 2004 in
comp.infosystems.www.authoring.stylesheets:

Quote:
I would like a fixed length from the left border of the button to
where the text starts, and from where the text ends to the right
borden of the button.

How do I do that? I have tried alot of different stylings etc. But
nothing helps...

Play with the values:

<input type="button" value="Short" style="padding:0 85px;"><br>
<input type="button" value="Very long text on this button"
style="padding:0 65px;">
<br>
<br>
<br>
<input type="button" value="Short" style="width:300px;"><br>
<input type="button" value="Very long text on this button"
style="width:300px;">
<br>
<br>
<br>
<input type="button" value="Short" style="width:50px;"><br>
<input type="button" value="Very long text on this button"
style="width:180px;">
<br>
<br>
<br>
<input type="button" value="Short"><br>
<input type="button" value="Very long text on this button">


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)



Reply With Quote
  #3  
Old   
Alan J. Flavell
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 01:26 PM



On Fri, 19 Nov 2004, Evertjan. wrote:

Quote:
Play with the values:

input type="button" value="Short" style="padding:0 85px;"><br
What have you got against sizing containers for text in em units?


Reply With Quote
  #4  
Old   
Neal
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 02:20 PM



On Fri, 19 Nov 2004 19:26:34 +0000, Alan J. Flavell <flavell (AT) ph (DOT) gla.ac.uk>
wrote:

Quote:
On Fri, 19 Nov 2004, Evertjan. wrote:

Play with the values:

input type="button" value="Short" style="padding:0 85px;"><br

What have you got against sizing containers for text in em units?
Gee, Alan, that would make too much sense!


Reply With Quote
  #5  
Old   
Evertjan.
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 02:25 PM



Alan J. Flavell wrote on 19 nov 2004 in
comp.infosystems.www.authoring.stylesheets:

Quote:
On Fri, 19 Nov 2004, Evertjan. wrote:

Play with the values:

input type="button" value="Short" style="padding:0 85px;"><br

What have you got against sizing containers for text in em units?
Nothing, if you want to play that way, go ahead.

But don't go presuming or ordering someone else to play your way.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)



Reply With Quote
  #6  
Old   
Neal
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 02:35 PM



On 19 Nov 2004 20:25:25 GMT, Evertjan. <exjxw.hannivoort (AT) interxnl (DOT) net>
wrote:

Quote:
Alan J. Flavell wrote on 19 nov 2004 in
comp.infosystems.www.authoring.stylesheets:

On Fri, 19 Nov 2004, Evertjan. wrote:

Play with the values:

input type="button" value="Short" style="padding:0 85px;"><br

What have you got against sizing containers for text in em units?

Nothing, if you want to play that way, go ahead.

But don't go presuming or ordering someone else to play your way.
You miss the point entirely. em units are based on the prevailing font
size. Therefore, whatever size the user sets their font to, a button sized
in ems will fit.

If you size in pixels, you run the very real risk of the text overflowing
the button, making your interface unusable.

How you see this as bullying is beyond me. I think you need to give this a
second thought.


Reply With Quote
  #7  
Old   
Evertjan.
 
Posts: n/a

Default Re: Size of IE input button - 11-19-2004 , 05:24 PM



Neal wrote on 19 nov 2004 in comp.infosystems.www.authoring.stylesheets:

Quote:
You miss the point entirely. em units are based on the prevailing font
size. Therefore, whatever size the user sets their font to, a button
sized in ems will fit.

If you size in pixels, you run the very real risk of the text
overflowing the button, making your interface unusable.

How you see this as bullying is beyond me. I think you need to give
this a second thought.
No, I don't miss the point at all. You are mising the point.

The point of the OP was houw to manipulate the size of the buttons, and I
show how to play with that.

I always use a fixed font-size on my sites, since I use lots of images
that don't want to be affected by the em system.

I know quite well what the prevailing idea in this NG is and I don't
agree, but you are welcome to add your ideas to my posting.

However the form you used:

Quote:
What have you got against sizing containers for text in em units?
is like a preacher asking a pupil why he strayed from the good word.

I don't want to follow up on this, since it has nothing to do with the
primary Q of the OP.


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)



Reply With Quote
  #8  
Old   
Evertjan.
 
Posts: n/a

Default Re: Size of IE input button - 11-20-2004 , 02:56 PM



Brian wrote on 20 nov 2004 in comp.infosystems.www.authoring.stylesheets:
Quote:
Evertjan. wrote:
Neal wrote:

the form you used:

What have you got against sizing containers for text in em units?
is like a preacher asking a pupil why he strayed from the good word.
This is usenet. Perhaps it's time for some thicker skin.
This has nothing to do with skins, but with the preoccupation of this
specific NG with changing the topic of very interesting topics to the em
preoccupation.

Quote:
I don't want to follow up on this, since it has nothing to do with
the primary Q of the OP.

I see. And if you deem a topic unworthy of discussion, then we ought to
drop it?
I did not say that. If I say, I don't want to follw up [again] on the em
subject, that does not mean I prevent you and you and you to drop it.
I didn't even say it was unworthy, I said wat I planned to do.

Please go on discussing the em question.
This is usenet Brian ;-}

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)



Reply With Quote
  #9  
Old   
Michael Fesser
 
Posts: n/a

Default Re: Size of IE input button - 11-21-2004 , 12:28 PM



.oO(Evertjan.)

Quote:
I always use a fixed font-size on my sites, since I use lots of images
that don't want to be affected by the em system.
But you know that there's nothing like a "fixed" font-size?
All graphical browsers allow the user to resize fonts. If your layout
can't cope with that it's broken.

Micha


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.