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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> тег button в safari 
:(
    Опции темы
Frozen_Coyote
Дата 26.5.2011, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Добрый день!

Друзья, что то я не могу понять и как следствие, пофиксить, следующее поведение Safari под винду

посмотрите:

user posted image

кнопки вверху - это то, что по мнению Safari я хочу получить от кнопок <button><img src ...  /></button>? со вставленной внутрь картинкой

внизу - это то, что я ДЕЙСТВИТЕЛЬНО хочу получить по мнению всех остальных браузеров. 

Как победить злобную Safari? 

Привожу код HTML

Код

<button id="html" class="button"><img src="img/html.gif" title="Редактор/HTML-код" alt="" border="0" /></button>


и класс CSS

Код

.button
{
    margin: 0;
    padding: 0;
    border: #cccccc 1px solid;
    width: 22px;
    height: 22px;
    outline: 0;
    cursor: pointer;
    -webkit-border-fit: lines; /* эта штучка для webkit несколько спасает ситуацию - исчезает крайний левый серый борт, но кнопка остается Уже чем в остальных браузерах, вследствии чего рисунок немного уезжает за правый борт*/
}

/* убираем внутренний отступ у кнопки в FF, который зарезервирован для рамки при фокусе */


button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

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


 




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


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

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