Перейти к публикации

Соединение навигации и фона за надписями


Рекомендованные сообщения

Всем привет . Прошу совета. Как соеденить меню навигации и фон. Сейчас выглядит так

dle22.png

как сделать так что бы на заднем фоне меню где чёрный фон было продолжение картинки ? версия dle 9.8

Код из main.tpl

<!-- навигация -->

<div class="menu">

<img src="{THEME}/images/nav.png" alt="Навигация" />

<ul>

<li><a href="/index.php">на главную

<span>перейти на главную страницу</span></a></li>

<li><a href="#">новости

<span>перейти в раздел новостей</span></a></li>

<li><a href="#">активный пункт

<span>описание пункта меню</span></a></li>

<li><a href="#">галерея

<span>смотреть раздел галереи</span></a></li>

<li><a href="#">файлы

<span>перейти в файловый архив</span></a></li>

</ul>

<img src="{THEME}/images/blockdow.png" alt="Навигация" />

</div>

<!-- //навигация -->

Ссылка на сообщение
Поделиться на других сайтах

harvi, ты лучше css код .menu покажи или ссылку на сайт дай

Видать ссылки на сайт не будИт :) Свежий юзер, не в группе "клиенты". А если и будет то NULLED. Но надежда еще есть...)

UPD: DLE 9.8, на дворе 10.1 давно, точно Nulled.

Изменено пользователем MMysiv
Ссылка на сообщение
Поделиться на других сайтах

Всем спс уже решил проблему таким образом

в main.tpl

<!-- навигация -->

<div class="menu">

<table>

<ul>

<img src="{THEME}/images/nav.png" alt="world of tanks скачать" />

<li><a href="/index.php">1 </a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li><a href="#">6</a></li>

<li><a href="#">7</a></li>

<li><a href="#">8</a></li>

<li><a href="#">9</a></li>

<li><a href="#">10</a></li>

<li><a href="#">11</a></li>

<li><a href="#">12</a></li>

</table>

</ul>

<img src="{THEME}/images/blockdow.png" alt="Навигация" />

</div>

<!-- //навигация -->

А в style.css

/* левая сторона ============================================================================ */

.left_navigation { float: left; width: 225px; }

.left_navigation h3.title { background: url(../images/left_grunge_border.png) 0 100% no-repeat; padding: 0 0 10px 0; font-size: 18px; text-transform: lowercase; color: #474747; margin-bottom: 15px; }

/* навигация

====================================== */

.left_navigation .menu { margin: 0px 0 0px 0; padding-left: 10px; }

.left_navigation .menu li { margin-bottom: 0px; }

.left_navigation .menu li a { display: block; background: url(../images/left_menu_bg.png) 0 0px no-repeat; padding-left: 34px; font-weight: bold; line-height: 18px; text-decoration: none; text-transform: lowercase; }

.left_navigation .menu li a:hover { background-position: 0 -38px; }

.left_navigation .menu li a span { display: block; font-size: 18px; color: #474747; font-weight: normal; padding-top: 10px; }

.left_navigation .menu li a:hover span { color: #a7d400; }

/* на форуме

====================================== */

.left_navigation .last { margin: 15px 0 0 0; padding-left: 10px; }

.left_navigation .last li { background: url(../images/icon_forum.png) 0 3px no-repeat; padding-left: 19px; margin-bottom: 8px; }

.left_navigation .last li a { font-weight: bold; text-decoration: none; }

.left_navigation .last li a:hover { text-decoration: underline; }

.left_navigation .last li span { font-size: 10px; color: #474747; }

.left_navigation .last li span a { font-weight: normal; text-decoration: underline; }

.left_navigation .last li span a:hover { text-decoration: none; }

/* популярное

====================================== */

.left_navigation .top { margin: 25px 0; padding-left: 10px; }

.left_navigation .top li { background: url(../images/icon_popular.png) 0 4px no-repeat; padding-left: 19px; margin-bottom: 8px; }

Может кому пригодится

Тока не могу понять где убрать пробел вот сайт там в навигации видно ворлдофтанкс.рф

Если подскажите буду признателен

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...