Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> кнопка в FF, откуда берётся отступ сверху? 
:(
    Опции темы
katka
Дата 24.7.2006, 12:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: 6
Всего: 6



Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <style>
  .btn {
    border: 0px;
    font-family: Tahoma;
    color: #000000;
    font-size: 24px;
    height: 28px;
    line-height: 24px;
    margin: 0px;
    padding-top: 0px;
  }
 </style>
</head>
<body>
<input type="button" class="btn" value="Кнопка">
</body>
</html>


если вот этот код открыть в FF, получаем в кнопке большой отступ сверху и маленький снизу. насколько я поняла, такая проблема возникает, когда размер шрифра близок к высоте кнопки.

как мне получить кнопку именно такой высоты и именно с таким шрифтом, но чтобы текст во всех браузерах был приблизительно по центру?
похожая проблема уже поднималась несколько тем назад вместе с вопросом о фоне кнопки.. никто не ответил ( 
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
AztEK
Дата 24.7.2006, 17:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Цитата(katka @  24.7.2006,  15:59 Найти цитируемый пост)
приблизительно по центру

По высоте имеется ввиду?

Если попробовать padding: 0px и line-height == height ? 


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
katka
Дата 24.7.2006, 19:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: 6
Всего: 6



AztEK, да, по вертикали.
падинги и лайн-хейты пробовала всяческие. 
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
AztEK
Дата 26.7.2006, 13:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Начал разбираться... А если вообще них? Оставить просто
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
<html>    
<head>    
 <style>    
  .btn {    
    border: 0px;    
    font-family: Tahoma;    
    color: #000000;    
    font-size: 24px;
height: 30px;
    margin: 0px;    
    padding: 0px;    
  }    
 </style>    
</head>    
<body>    
<input type="button" class="btn" value="Êíîïêà">    
</body>    
</html>
 


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
katka
Дата 26.7.2006, 18:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: 6
Всего: 6



проблема в том, что мне нужна конкретная высота кнопки и конкретный размер шрифта. 
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
AztEK
Дата 27.7.2006, 07:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Хм... Вот они:
Код

font-size: 24px;    
height: 30px;

smile 


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
katka
Дата 27.7.2006, 19:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: 6
Всего: 6



мне нужно двадцать восемь пикселей. не тридцать. 
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
R.M.
Дата 28.7.2006, 11:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



katka, жмёшь под фразой AztEK'а на кружочек, далее ctrl+c а в документе ctrl+v потом жмёшь мышкой между 30 и px во второй строчке и нажимаешь 2 раза кнопочку над ентером (там стрелочка влево нарисована) далее нажми кнопку 2 потом 8 потом ctrl+s, не поверишь но кнопка станет 28 px вместо 30!!!  

Это сообщение отредактировал(а) Куксикус - 28.7.2006, 11:01


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
katka
Дата 28.7.2006, 11:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: 6
Всего: 6



Куксикус, печально, что вы вы*етесь, не разобравшись в ситуации.
вы вообще читали мой вопрос? (это вверху страницы под заголовком темы)

и, если вам не сложно, сдерживайте себя, когда хотите написать что-нибудь бесполезное в ответ на моё сообщение. 
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
R.M.
Дата 28.7.2006, 12:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Ну раз ты читала все темы про это то наверно видела что сказал dm9? В таких случаях надо использовать картинки тут ничего не поделаешь.
P.S. Ссори за не сдержанность 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.4565 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.