Кнопка CSS проблема - PullRequest
       3

Кнопка CSS проблема

1 голос
/ 01 февраля 2012

У меня есть одна кнопка, над которой я применяю стиль / класс ниже.но этот класс не работает должным образом в браузере Mozila.это работает в IE.Начальная точка кнопки У меня есть значок, который отображается в середине левой стороны, а рядом с ним текст.IE рендерится посередине, но mozila рендерит вверху! [Введите описание изображения здесь] [1] кнопка.пожалуйста, дайте мне знать, что я делаю не так здесь.также найти прикрепленный скриншот проблемы

.class
{         
        padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    background:url(GB_Link.gif) no-repeat 0px -2px;
    display:inline-block;
    height:20px;
    line-height:13px;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    text-decoration: none;
    text-align:left;
    text-indent:25px;
    text-color:black;
    vertical-align:middle;
    width:180px;
    cursor:hand;
    border: 1px solid #77A2B5;
}

Ответы [ 2 ]

0 голосов
/ 01 февраля 2012

Установите высоту строки равной высоте кнопки:

line-height: 20px;
0 голосов
/ 01 февраля 2012

это общие вопросы. Добавьте следующий код в верхней части макета или на своей html-странице, где вы определили html-тег:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Я надеюсь, что ваша проблема будет короткой. Я думаю, вы очень хорошо поняли.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...