Изменение отступа текста внутри кнопки.

[Yohan]

Изменение отступа текста внутри кнопки.

Берем две кнопки <input type="button" value="ok"> и <input type="button" value="очень длинный текст">. Отобразятся две кнопки, первая короткая, вторая длинная — схематично можно отобразить так [_оk_] и [____очень длинный текст____]. Вопрос – как сделать, чтобы левый и правый отступ от текста внутри кнопки не зависел от длинны текста? Т.е. нужен такой вариант кнопок: [_оk_] и [_очень длинный текст_].

 

[camka]

input { padding: 5px; }

 

[Yohan]

К сожалению не помогло. Поля у кнопок все равно разные.

 

[Разочарованный]

<input style="width:100%"....

 

[kruglov]

Разочарованный
Сами пробовали?

 

[Yohan]

Вариант с <input style="width:100%".... не подойдет - кнопки станут одинаковой длинны. Нужно чтобы короткие оставались короткими, а длинные стали немного короче за счет уменьшения полей.

 

[Dor]

Вариант напролом (чтобы долго не думать):

 

- слева и справа, сколько нужно

 

[Don Arana]

Yohan
Попробуйте <input style="line-height: ...px"

 

[kruglov]

Don Arana
line-height?
а что не text-transform или table-layout?

-~{}~ 07.09.05 15:18:

Чиста баловство, не рассматривать как реальное решение:

<style>
.superbutton{
width:expression(this.firstChild.offsetWidth+40)
}
</style>
<button class=superbutton><span>Обана, робяты</span></button>

<button class=superbutton><span>Ы</span></button>

MSIE only

-~{}~ 07.09.05 15:19:

p. s. Хотя в Мозилиях кнопки и так нормально выглядят, так что можно и расматривать

 

[Yohan]

Спасибо!
Последний вариант – то что надо!