Смещение пунктов меню (в разные стороны).

Думаю, по изображению сразу видно в чем проблема. В CSS стоит код на сокрытие не желаемых пунктов меню, но все равно есть пробелы.


Код на подобии:

Код:

a.mainmenu {
margin:-14px !important;
 }

Не "спасает".

Здравствуйте уважаемая Ясень.
В этой теме, есть несколько вариантов скрытия меню: https://help.forum2x2.ru/t24415-topic#182030

Этим способом я и пользовалась. Результат показан на прикрепленном изображении.

Боюсь, что идеально совместить стыки лого и кнопок не получится.

Проще сделать кнопки без фона (один текст) и наложить их поверх нижней части лого.

Хорошо, сейчас попробую.
Прошу пока не закрывать тему.

Полностью совмещены хидер и кнопки меню, при этом в css ничего не прописывал вообще...

Если ваша проблема ещё не решена, могу рассказать, как это делается. Но, честно говоря, Дана вам дельный совет дала...

Так у Вас кнопки и лого не имеют общих графических частей. А мне кажется, что проблема именно в этом:


Разный комплект кнопок > и эффекта цельного изображения уже нет, картинки на стыках не совпадают.

Я думал проблема в пиксельном расстоянии между лого и меню...
А общая графическая часть в меню и лого всего лишь дело прямых рук:

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

Dana Domirani, комплекты до какого-то момента имеют общие кнопки (а именно 3: форум, игроки и группы), после чего нарезались (комплект "гостя" - 2 кнопки, пользователя - три) отдельно. Часть скрывалась для гостей, часть открывалась для пользователей. Здесь все выстроено и отображается как я и хотела. Но проблема лишь в том, что кнопки не сходятся. (видит пользователь, видит гость).

Думаю, завтра смогу попробовать реализовать то, что подсказала Dana Domirani и сообщить об успехах..

ЗЫ: Да, руки у меня не оттуда растут, может быть и так.

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

Могу подсказать очень простой способ реализации подобной фишки, использую идею Даны(как бы её реализовал я).
Меню делаете без изображений.
Из шаблона overal_header удаляете ту часть, что отвечает за изображение хидера.
В css:
body {
background-image:url(ссылка на ваше изображение(цельное));
background-position:center top;
background-repeat:no-repeat;
margin: 250px 0px 0px;
}

Красным выделен отступ от верхнего края(отступается меню и всё что ниже его, хидер на месте остаётся), подгоняете его под себя

Kiselboom, Прошу прощения, какую часть? Я не умею читать коды полностью, разве что частично.

В моём шаблоне это 245 строчка

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>