Так как шаблон был изначально немного кривоват в коде, решил заняться им. Большую часть элементов исправил, осталось всего пару. Сам разобраться не смог, так как работаю с css не так давно.

Вот линк - http://4board.net

Что нужно исправить конкретно:

Выровнять текст по середине блока


То же самое с этим


Буду очень благодарен за оказанную поддержку.

Originally Posted by Diamant

Выровнять текст по середине блока

У класса .bcWrap высота равна 36 пикселей, для дочерних ничего не задано. Т.е. задаем для дочерних классов height и line-height (выставит по середине, но будет косяк при появлении двух строк).
редактируем для всех дочерних padding, убирая верхние и нижние границы.
С меню та же история.

firebug и дела пойдут веселее.

Originally Posted by mindframe

firebug и дела пойдут веселее.

Ты думаешь, я не пользуюсь сторонними утилитами? Если бы все вышло, я бы сюда не писал

Diamant добавил 05.04.2013 в 16:49
Sven, громадное спасибо, почти все сделал. Надписи выровнял, осталось вот это:



Картинки-разделители не могу выровнять

{vb:rawphrase hide_need} поправь фразу

Originally Posted by Diamant

Картинки-разделители не могу выровнять

Высота дочерних элементов разная.

Diamant, ну по хорошему, подобные меню верстаются следующим каркасом:
1. задаётся высота только для элемента верхнего уровня, ну как пример: <div id="menu">;
2. Отступы (padding) надо задавать для li, но не для a, выравнивать при помощи line-height.
Просто если делать так, то увидишь, что будет значительно меньше проблем в дальнейшем.

Originally Posted by mindframe

Diamant, ну по хорошему, подобные меню верстаются следующим каркасом:
1. задаётся высота только для элемента верхнего уровня, ну как пример: <div id="menu">;
2. Отступы (padding) надо задавать для li, но не для a, выравнивать при помощи line-height.
Просто если делать так, то увидишь, что будет значительно меньше проблем в дальнейшем.

Смысл в том, что шаблон создавал не я. Очень много сверстал и правил сам, но в этом случае затрудняюсь.

Diamant добавил 05.04.2013 в 18:03
При наведении на элемент в панели, он должен подсвечиваться. Но снизу появляется лишний белый кусок, хотя в картинке этого нет. Как бороться?

Diamant, высота пункта + высота картинки должны соответствовать. Отлавливай фаербагом

Sven добавил 05.04.2013 в 18:17
Ну вот, у дива высота 36 пикселей, а у картинки 46. Чувствуешь разницу?

images/styles/TheBeaconLight/style/navSplit.png тоже по высоте подрезать надо

ВшDiamant, откуда копируешь это всё?