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

[harvi 0]

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

как сделать так что бы на заднем фоне меню где чёрный фон было продолжение картинки ? версия 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>

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

[odys 384]

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

[MMysiv 30]

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

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

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

Изменено 22 января 2014 пользователем MMysiv

[odys 384]

точно Nulled.

[MMysiv 30]

точно Nulled.

Что?)))

[harvi 0]

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

в 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; }

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

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

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

[odys 384]

<table> и </table> убери Изменено 22 января 2014 пользователем odys