Показано с 1 по 5 из 5

Тема: Проблема отображения кнопки в IE6

  1. #1

    Регистрация
    31.05.2006
    Сообщений
    9
    Добрый день!
    Помогите пожалуйста решить траблу.
    Ситуация следующая - я создал кнопку с фоном и границей.
    В FireFox2, Opera9 отображаеться нормально.
    В эксплорере появляеться белый фон между кнопкой и границей.
    Как это исправить?

    Вот фрагмент кода;
    <div class="center-base3">
    <a href="#">
    <input type="button" class="but3" name="press" value=" показать " />
    </a>
    </div>

    в css:

    .center-base3{
    font-size: 11px;
    text-align: center;
    color: #0C3467;
    font-weight:regular;
    font-family: Verdana;
    margin-left:25px
    }
    .but3{
    background: url(../img/but3.gif);
    width:78px;
    color:#FFFFFF;
    font-size: 11px;
    text-align:center;
    border: 2px solid #0162B5;
    vertical-align: center;
    margin-left:20px;
    padding:1px;
    font-family: Verdana;
    }

  2. #2

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Korefey@Jan 3 2007, 10:24
    [b]Добрый день!
    Помогите пожалуйста решить траблу.
    Ситуация следующая - я создал кнопку с фоном и границей.
    В FireFox2, Opera9 отображаеться нормально.
    В эксплорере появляеться белый фон между кнопкой и границей.
    Как это исправить?
    не понял проблемы, между кнопкой и границей чего? у себя запустил код. в FF 2.0.0.1 появилась какая-то горизонтальная полоска поперек кнопки. а так, вроде, везде одинаково.

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Есть такая болезнь кнопок у IE, если помимо фона задавать еще и бордер.
    Можно воспользоваться альтернативным вариантом:

    Код:
    <style type="text/css">
    body {background-color: #CCCC33;}
    .but3{
    ****border: none;
    ****background-color: #CCCC33;
    }
    </style>
    
    ...
    
    <button class="but3" type="button" name="press" onFocus="this.blur()">
    [img]but3.gif[/img]
    </button>
    Т.е. создать IMG нужного размера из Вашего фона, бордер и текст нарисовать в нем вручную. Преимущества:
    Все это будет целиком "нажиматься" в IE и Opera. А если для <button> не указывать margin и padding – то и в FF будет "нажиматься"... Правда, FF без margin и padding отступы для <button> нехорошие делает...

    Практически могу посоветовать, что в данном случае оптимально указать width для <button> на 4px превышающую width для <img>, а height для <button> – на 2px превышающую height для <img>. В свое время я их долго подгонял, чтобы во всех браузерах все было приемлемо с минимальными потерями...

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Jan 3 2007, 14:04
    не понял проблемы, между кнопкой и границей чего? у себя запустил код. в FF 2.0.0.1 появилась какая-то горизонтальная полоска поперек кнопки. а так, вроде, везде одинаково.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Горизонтальная полоска в FF – это из-за того, что кнопку засунули в ссылку...
    Там и другие "веселые" моменты есть...
    font-weight: regular; и vertical-align: center;

  5. #5

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Aykroyd@Jan 3 2007, 12:07
    [b]Горизонтальная полоска в FF – это из-за того, что кнопку засунули в ссылку...*
    Там и другие "веселые" моменты есть...
    font-weight: regular; и vertical-align: center;*
    действительно. спросонья не вгляделся в код =)

Похожие темы

  1. Ответов: 0
    Последнее сообщение: 02.12.2012, 22:17
  2. Программы для отображения статистики работы SVN
    от NabaT в разделе Веб-программирование
    Ответов: 2
    Последнее сообщение: 03.12.2009, 14:27
  3. Проблема отображения gif в Safari
    от Maker в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 26.07.2007, 01:20
  4. Кнопки в ИЕ
    от garA в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 04.07.2007, 16:13
  5. Проблема отображения шрифта
    от InexViper в разделе Софт и железо
    Ответов: 0
    Последнее сообщение: 30.06.2006, 17:33

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •