Нужна помощь для Элегантного решения в CSS

(Ответов: 7, Просмотров: 644)
  1. Гуру Аватар для numinoross
    • Регистрация: 12.07.2011
    • Сообщений: 735
    • Репутация: 170
    Всем привет. Начал просматривать шаблон вордпрес и заметил, что совершенно неуместно употреблены в некоторых местах теги Н2. В частности ими маркируются все заголовки блоков в сайт баре. Нашел где это отмечается в файлах шаблона в частности в файле functions.php это выглядит вот так

    'before_title' => '<H2 class="widgettitle">',
    'after_title' => '</H2>',
    И в таблице стилей style.css

    .sidebar H2 {
    margin: 10px 0 0px 0;
    padding: 8px 0 7px 10px;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #FE8300;
    border: 1px solid #EEB98C;
    background: url(images/sidebar-tab.png) left top repeat-x;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    В области верстки я дуб дубом. Помогите пожалуйста найти решение, чтобы все визуально выглядело также, а из заголовка исчезла Н2. Спасибо за любую полезную информацию.

    Да вот пациент medic-grop.ru
    Последний раз редактировалось numinoross; 06.08.2012 в 15:53.
    • 0
  2. Sunshine reggae Аватар для OKyJIucT
    • Регистрация: 02.09.2011
    • Сообщений: 3,240
    • Репутация: 1830
    • Webmoney BL: ?
    Как вариант, можно и в стилях, и в самом файле H2 заменить на любой другой тег, например div или span, только для тега h2 выше могут быть заданы другие стили, предоставленной вами информации маловато, чтобы с уверенностью сказать, что перечисленных изменений будет достаточно, чтобы визуально ничего не изменилось.
    'before_title' => '<span class="widgettitle">',
    'after_title' => '</span>',
    .sidebar span {
    • 1

    Спасибо сказали:

    numinoross(06.08.2012),
  3. Гуру Аватар для numinoross
    • Регистрация: 12.07.2011
    • Сообщений: 735
    • Репутация: 170
    OKyJIucT, С <div> не получилось - в шаблоне с сайтбаре встречается другие элементы с таким атрибутом.
    А со <span> - что-то лажа получилась - элемент видоизменился и смотрится жутко и наползает на другие.
    • 0
  4. Студент
    • Регистрация: 14.01.2012
    • Сообщений: 41
    • Репутация: 14
    • Webmoney BL: ?
    Во-первых, просто DIV или SPAN не стоит, надо с классом каким-нибудь их. Например, <div class="sb-header">, и в css уже не div, а div.sb-header. Во-вторых, если делать span, то ему еще надо дописать свойство display:block;. Ну и в-третьих, может проще не возиться с классами и элементами, нужными для других целей, а воспользоваться, например, H6?
    • 1

    Спасибо сказали:

    numinoross(06.08.2012),
  5. Гуру Аватар для dev1
    • Регистрация: 18.01.2012
    • Сообщений: 829
    • Репутация: 273
    • Webmoney BL: ?
    Цитата Сообщение от numinoross Посмотреть сообщение
    'before_title' => '<H2 class="widgettitle">',
    'after_title' => '</H2>',
    тут меняете h2 на див и даете ему класс

    Цитата Сообщение от numinoross Посмотреть сообщение
    sidebar H2
    место этого пишете класс который указывали для дива + добавляете свойства класса widgettitle

    Все должно получится.
    • 1

    Спасибо сказали:

    numinoross(06.08.2012),
  6. Гуру Аватар для numinoross
    • Регистрация: 12.07.2011
    • Сообщений: 735
    • Репутация: 170
    Народ не помогает. Я менял атрибут H2 на div и span и прописывал класс (в смысле менял в таблице стилей), но все равно получается лажа. Ставил H6 но тогда исчезает рамка. Н5 все смотрится вполне прилично. Пока оставлю так, А можно как-то обойтись без полумер?
    • 0
  7. Студент
    • Регистрация: 14.01.2012
    • Сообщений: 41
    • Репутация: 14
    • Webmoney BL: ?
    Какая рамка исчезает — непонятно. Попробовал с H6, все ок.
    Без полумер:
    Код:
    'before_title' => '<div class="widgettitle">',
    'after_title' => '</div>',
    Код:
    .sidebar .widgettitle {
    margin: 10px 0 0px 0;
    padding: 8px 0 7px 10px;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #FE8300;
    border: 1px solid #EEB98C;
    background: url(images/sidebar-tab.png) left top repeat-x;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    • 1

    Спасибо сказали:

    numinoross(06.08.2012),
  8. Гуру Аватар для numinoross
    • Регистрация: 12.07.2011
    • Сообщений: 735
    • Репутация: 170
    Спасибо всем откликнувшимся, все заработало.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Нужна помощь с JS
Web программирование 3 22.07.2012 17:53
Нужна помощь.
Общие вопросы поисковой оптимизации 6 16.02.2012 02:23
Нужна помощь
Web программирование 5 30.12.2010 05:45
Нужна помощь в ЧПУ!
Web программирование 1 05.12.2010 05:27
Нужна помощь.
Софт, скрипты, сервисы 4 11.02.2010 14:30

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры