Помогите выравнять логотип по центру.

  • Решено Sergio

    (@sergio-graff)


    11 лет назад

    Здравствуйте, помогите выравнять логотип по центру.
    Нашел в style.css строку:
    /* === LOGO */
    #logo {
    padding: 0;
    margin-bottom: 13px;
    float: center;
    }

    #header #logo #textual { line-height: 1em; text-transform: uppercase; }
    #textual, #logo-img { display: inline-block; margin: 0; padding-top: 24px; max-width:100%; }
    #logo-img { padding-top: 35px }
    #tagline { margin: 5px 0 0 0; text-transform: uppercase; }
    #header #logo #tagline span.special-font { font-size: 2em !important; }
    /* === */

    Как видите, указал выравнивание по центру, но на сайте он все равно показывается слева. Подскажите в чем тогда может быть проблема.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Roman

    (@web911)

    11 лет назад

    float не бывает center
    htmlbook.ru/css/float

    ltdviso

    (@ltdviso)

    11 лет назад

    поставьте себе плагин в мозилу firebug и наслаждайтесь css в on line сколько душе угодно / тут уж не ошибетесь
    А вообще центруйте % и позиционированием

    Ну самый тупой вариант но сработает
    вставьте в таблицу и выравнивание в ячейки таблицы сделайте по центру 🙂

    ObanTM

    (@obantm)

    11 лет назад

    #logo {
    width: ширина блока (в процентах, или пикселях);
    margin-left: auto;
    margin-right: auto;
    }

    Автор Sergio

    (@sergio-graff)

    11 лет назад

    Получается, что бы мне выставить логотип по центру, мне надо указать width: 50% ?

    ObanTM

    (@obantm)

    11 лет назад

    да. В этом случае отступы будут посчитаны автоматически и составят по 25% ширины родительского элемента.

    Но если логотип картинкой, то лучше указать его абсолютную ширину в пикселях. Тогда блок #logo точно будет отцентрован.

    Автор Sergio

    (@sergio-graff)

    11 лет назад

    Супер, все получилось ) Указал в пикселях и теперь 100% по центру ) Спасибо Вам большое за подсказку )))

Просмотр 6 ответов — с 1 по 6 (всего 6)

Тема «Помогите выравнять логотип по центру.» закрыта для новых ответов.