• Доброе время суток. Подскажите пожалуйста как в шаблоне Parabola сделать меню горизонтальное по ширине странички. А то как сейчас видно из скрина по бокам остаются пустые области. https://dl.dropboxusercontent.com/u/18354619/ShareX/2014-07/2014-07-17.png

    Крутить надо наверное в css. Размер задать или в пикселях или чтобы автоматом подстраивался по ширине

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Парабoла (и её «сестры» Темпера и Мантра) — замечательная тема! В настройках которой предусмотрено всё и вся. Зачем вам надо делать ширину меню под ширину страницы?! (как я понял вы хотите сделать шире кнопки меню) Чтобы испортить тему? Эти поля справа и слева совершенно не мешают и не портят дизайн сайта.

    И потом подумайте, о том, что в будущем вам вероятно придется добавлять новые кнопки меню и тогда они точно не поместятся в одну строку. А меню в две строки в этой теме — вот это действительно некрасиво! Так что не надо ничего «крутить» в CSS.

    В конце концов можно подумать над переименованием кнопок меню — так чтобы за счет к-во знаков в названии кнопки кнопки и всё меню растянулось так, как вам того хочется.

    У меня аналогичная тема — Мантра. И я именно путем изменения названия кнопок добиваюсь того, чтобы меню укладывалось в одну строку. Хотя по уму переименовать кнопки — не так уж просто как может вначале показаться :))))

    Konstantin то что вы предлагаете это какой-то колхоз. В том то и фишка что новые пункты в это меню не планирую добавлять. Пробовал изменить размер ширины сайдбара и содержимого, но идеально не получается. С какого-то из боков все так-же остаётся место.

    Задавать надо в процентах в зависимости от количества пунктов меню, для корректного отображения в разных браузерах (особенно старые версии IE), используйте box-sizing.
    При значении border-box ширина начинает включать поля и границы, но не отступы. Таким образом, включая box-sizing со значением border-box в свой стиль, мы можем задавать ширину в процентах и спокойно указывать border и padding, не боясь, что изменится ширина блока.

    Подробнее здесь

    Примерно так

    .nav ul li {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Вопрос по меню в теме» закрыта для новых ответов.