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

harvi

новички
 Просмотреть профиль  Активность

  • Публикации

    4

  • Зарегистрирован

  • Посещение

 Тип публикации 

Сообщения, опубликованные пользователем harvi

    Убрать пробелы между картинками

    в В помощь вебмастеру

    Опубликовано:

    День добрый форумчане помогите убрать пробелы между картинками вот сайт сверху между флагами http://www.ворлдофтанкс.рф

    Вот что в main.tpl 

    
<table width="1020" cellpadding="0" cellspacing="0" border="0" align="center">

<tr>

  <td id="menu1">

   <table width="100%" cellpadding="0" cellspacing="0" border="0">

   <tr>

    <td width="11" height="79" valign="top"><img src="{THEME}/images/pic_02.png" /></td>

    <td style="background: url('{THEME}/images/pic_03.png') top repeat-x;" width="138" valign="top">

	 <a href="/" title="Информационный портал world of tanks"><img src="{THEME}/images/pic_04.png" onmouseover="this.src = '{THEME}/images/pic_04-h.png'" onmouseout="this.src = '{THEME}/images/pic_04.png'" /></a>

    </td>

    <td style="background: url('{THEME}/images/pic_03.png') top repeat-x;" valign="top">

	 <ul id="menu">

					    <center>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="cs" href="/shkuri-tankov/shkuri-tankov-sssr/" title="CCCР шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkuri-tankov-sssr-premium/" title="скачать шкуры для танков СССР ,WOT" />Премиум СССР</a></li>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkury-dlya-legkih-tankov-sssr/" title="скачать шкуры для легких танков СССР ,WOT" />Легкие Танки СССР</a></li>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkury-dlya-srednih-tankov-sssr/" title="скачать шкуры для средних танков СССР ,WOT" />Средние Танки СССР</a></li>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkury-dlya-tyazhelyh-tankov-sssr/" title="скачать шкуры для Тяжелых танков СССР ,WOT" />Тяжелые Танки СССР</a></li>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkury-dlya-sau-tankov-sssr/" title="скачать шкуры для САУ танков СССР ,WOT" />САУ Танки СССР</a></li>

		    <li><a href="/shkuri-tankov/shkuri-tankov-sssr/shkury-dlya-pt-sau-tankov-sssr/" title="скачать шкуры для ПТ САУ танков СССР ,WOT" />ПТ САУ Танки СССР</a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="css" href="/shkuri-tankov/shkury-tankov-germanii/" title="Германия  шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-premeumnyh-tankov-germanii/" title="скачать шкуры для танков Германия ,WOT" />Премиум Германия</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-legkih-tankov-germanii/" title="скачать шкуры для легких танков Германия ,WOT" />Легкие Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-srednih-tankov-germanii/" title="скачать шкуры для средних танков Германия ,WOT" />Средние Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-tyazhelyh-tankov-germanii/" title="скачать шкуры для Тяжелых танков Германия ,WOT" />Тяжелые Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-sau-tankov-germanii/" title="скачать шкуры для САУ танков Германия ,WOT" />САУ Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-germanii/shkury-dlya-pt-sau-tankov-germanii/" title="скачать шкуры для ПТ САУ танков Германия ,WOT" />ПТ САУ Танки </a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="l4d" href="/shkuri-tankov/shkury-tankov-ssha/" title="CША шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-premeumnyh-tankov-ssha/" title="скачать шкуры для танков США ,WOT" />Премиум США</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-legkih-tankov-ssha/" title="скачать шкуры для легких танков США ,WOT" />Легкие Танки США</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-srednih-tankov-ssha/" title="скачать шкуры для средних танков США ,WOT" />Средние Танки США</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-tyazhelyh-tankov-ssha/" title="скачать шкуры для Тяжелых танков США ,WOT" />Тяжелые Танки США</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-sau-tankov-ssha/" title="скачать шкуры для САУ танков США ,WOT" />САУ Танки США</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-pt-sau-tankov-ssha/" title="скачать шкуры для ПТ САУ танков США ,WOT" />ПТ САУ Танки США</a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="tf" href="/shkuri-tankov/shkury-tankov-francii/" title="Франция шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="/shkuri-tankov/shkury-tankov-francii/shkury-dlya-premeumnyh-tankov-francii/" title="скачать шкуры для танков Франция ,WOT" />Премиум Франция</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-francii/shkury-dlya-legkih-tankov-francii/" title="скачать шкуры для легких танков Франция ,WOT" />Легкие Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-francii/shkury-dlya-srednih-tankov-francii/" title="скачать шкуры для средних танков Франция ,WOT" />Средние Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-francii/shkury-dlya-tyazhelyh-tankov-francii/" title="скачать шкуры для Тяжелых танков Франция ,WOT" />Тяжелые Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-francii/shkury-dlya-sau-tankov-francii/" title="скачать шкуры для САУ танков Франция ,WOT" />САУ Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-ssha/shkury-dlya-pt-sau-tankov-ssha/" title="скачать шкуры для ПТ САУ танков Франция ,WOT" />ПТ САУ Танки </a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="hl" href="/shkuri-tankov/shkury-tankov-velikobritaniya/" title="Великобритания шкуры world of tanks" /></a>

		   <ul>

		    <<li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-premeumnyh-tankov-velikobritanii/" title="скачать шкуры для танков Великобритания ,WOT" />Премиум Танки</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-legkih-tankov-velikobritanii/" title="скачать шкуры для легких танков Великобритания ,WOT" />Легкие Танки</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-srednih-tankov-velikobritanii/" title="скачать шкуры для средних танков Великобритания ,WOT" />Средние Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-tyazhelyh-tankov-velikobritanii/" title="скачать шкуры для Тяжелых танков Великобритания ,WOT" />Тяжелые Танки</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-sau-tankov-velikobritanii/" title="скачать шкуры для САУ танков Великобритания ,WOT" />САУ Танки</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-velikobritaniya/shkury-dlya-pt-sau-tankov-velikobritanii/" title="скачать шкуры для ПТ САУ танков Великобритания ,WOT" />ПТ САУ Танки</a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="cod" href="/shkuri-tankov/shkury-tankov-kitay/" title"Китай шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="shkuri-tankov/shkury-tankov-kitay/shkury-dlya-premeumnyh-tankov-kitaya/" title="скачать шкуры для танков Китай ,WOT" />Премиум Китай</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-kitay/shkury-dlya-legkih-tankov-kitaya/" title="скачать шкуры для легких танков Китай ,WOT" />Легкие Танки Китай</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-kitay/shkury-dlya-srednih-tankov-kitaya/" title="скачать шкуры для средних танков Китай ,WOT" />Средние Танки Китай</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-kitay/shkury-dlya-tyazhelyh-tankov-kitaya/" title="скачать шкуры для Тяжелых танков Китай ,WOT" />Тяжелые Танки Китай</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-kitay/shkury-dlya-sau-tankov-kitaya/" title="скачать шкуры для САУ танков Китай ,WOT" />САУ Танки Китай</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-kitay/shkury-dlya-pt-sau-tankov-kitaya/" title="скачать шкуры для ПТ САУ танков Китай ,WOT" />ПТ САУ Танки Китай</a></li>

		   </ul>

	 </li>

	 <li><img src="{THEME}/images/sep.png" /></li>

	 <li><a id="dod" href="/shkuri-tankov/shkury-tankov-yaponii/" title"Япония шкуры world of tanks" /></a>

		   <ul>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-premeumnyh-tankov-yaponii/" title="скачать шкуры для танков Япония ,WOT" />Премиум Япония</a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-legkih-tankov-yaponii/" title="скачать шкуры для легких танков Япония ,WOT" />Легкие Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-srednih-tankov-yaponii/" title="скачать шкуры для средних танков Япония ,WOT" />Средние Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-tyazhelyh-tankov-yaponii/" title="скачать шкуры для Тяжелых танков Япония ,WOT" />Тяжелые Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-sau-tankov-yaponii/" title="скачать шкуры для САУ танков Япония ,WOT" />САУ Танки </a></li>

		    <li><a href="/shkuri-tankov/shkury-tankov-yaponii/shkury-dlya-pt-sau-tankov-yaponii/" title="скачать шкуры для ПТ САУ танков Япония ,WOT" />ПТ САУ Танки </a></li>

		   </ul>

</center>

    </td>

    <td width="11" height="79" valign="top"><img src="{THEME}/images/pic_05.png" /></td>

   </tr>

   </table>
    А вот что в css 
    
body {font-size: 75%; font-family: Arial, Helvetica, sans-serif; min-height: 100%; margin: 0; padding: 0; position: relative;

  background: black url(../images/bg.jpg) top center no-repeat; /* Фон сайта */

}

a {color: #e1e1e1; text-decoration: underline;} /* Ссылки */

a:hover {color: yellow;} /* Ссылки при наведении */

#main, #main strong {background-image:url("../images/main.png");} /* Верхнее меню - Медиа */

#forum, #forum strong {background-image:url("../images/forum.png");} /* Верхнее меню - Новости */

#cs, #cs strong {background-image:url("../images/cs.png"); width: 80px !important;}

#css, #css strong {background-image:url("../images/css.png"); width: 80px !important;}

#l4d, #l4d strong {background-image:url("../images/l4d.png"); width: 80px !important;}

#tf, #tf strong {background-image:url("../images/tf.png"); width: 80px !important;}

#hl, #hl strong {background-image:url("../images/hl.png"); width: 80px !important;}

#cod, #cod strong {background-image:url("../images/cod.png"); width: 80px !important;}

#bt, #bt strong {background-image:url("../images/bt.png"); width: 80px !important;}

#pb, #pb strong {background-image:url("../images/pb.png"); width: 80px !important;}

#dod, #dod strong {background-image:url("../images/dod.png"); width: 80px !important;}

#torrent, #torrent strong {background-image:url("../images/torrent.png");} /* Верхнее меню - Форум */

    Помогите убрать полоски между картинками . Буду очень благодарен

    Вопрос закрыт ! просто забыл задний фон сменить. Всем Спасибо

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

    в В помощь вебмастеру

    Опубликовано:

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

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

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

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

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

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

    в В помощь вебмастеру

    Опубликовано:

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

    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>

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

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