Перейти к содержимому


Повторяется Горизонтальное Выпадающее Меню

выпадающее меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Navik

Navik

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 04 Март 2013 - 21:18

Привет!
Есть проблема... нужна помощь) всё что знал - перепробовал)
http://kidwear.storeland.ru/

поставил горизонтальное выпадающее меню.
всё бы ничего, если бы оно не повторялось вправо три раза и как это исправить - не пойму :(
error.PNG

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Март 2013 - 23:28

У вас вероятно присутствуют дубликаты меню. Пожалуйста, сообщите результирующий код вашего меню из шаблона "HTML", или же приложите весь шаблон "HTML".

#3 Navik

Navik

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 05 Март 2013 - 00:14

Просмотр сообщенияVaccina (04 Март 2013 - 23:28) писал:

У вас вероятно присутствуют дубликаты меню. Пожалуйста, сообщите результирующий код вашего меню из шаблона "HTML", или же приложите весь шаблон "HTML".
Вероятно это то, о чем Вы говорите

<!-- end Контакты -->

<h2 id="title"></h2>

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<ul id="menu">
<li><a href="">Пункт №1</a></li>
<li>
<a href="#">Пункт №2</a>
<ul>
<li>
<a href="#">Пункт №2.1</a>
<ul>
<li><a href="#">Пункт №2.1.1</a></li>
<li><a href="#">Пункт №2.1.2</a></li>
<li><a href="#">Пункт №2.1.3</a></li>
<li>
<a href="#">Пункт №2.1.4</a>
<ul>
<li>
<a href="#">Пункт №2.1.4.1</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.1</a></li>
<li><a href="#">Пункт №2.1.4.1.2</a></li>
<li><a href="#">Пункт №2.1.4.1.3</a></li>
<li><a href="#">Пункт №2.1.4.1.4</a></li>
<li><a href="#">Пункт №2.1.4.1.5</a></li>
<li><a href="#">Пункт №2.1.4.1.6</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.2</a></li>
<li><a href="#">Пункт №2.1.4.1.7.3</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7.4</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.4.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.4.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт №2.1.4.2</a></li>
<li><a href="#">Пункт №2.1.4.3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Пункт №2.2</a>
<ul>
<li><a href="#">Пункт №2.2.1</a></li>
<li><a href="#">Пункт №2.2.2</a></li>
<li><a href="#">Пункт №2.2.3</a></li>
<li><a href="#">Пункт №2.2.4</a></li>
</ul>
</li>
<li>
<a href="#">Пункт №2.3</a>
<ul>
<li><a href="#">Пункт №2.3.1</a></li>
<li><a href="#">Пункт №2.3.2</a></li>
<li><a href="#">Пункт №2.3.3</a></li>
<li><a href="#">Пункт №2.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт №2.4</a>
<ul>
<li><a href="#">Пункт №2.4.1</a></li>
<li><a href="#">Пункт №2.4.2</a></li>
<li><a href="#">Пункт №2.4.3</a></li>
<li><a href="#">Пункт №2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Пункт №3</a></li>
<li><a href="">Пункт №4</a></li>
<li><a href="">Пункт №5</a></li>
</ul>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
<!-- Поиск -->


#4 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 05 Март 2013 - 07:19

Просмотр сообщенияNavik (05 Март 2013 - 00:14) писал:

Вероятно это то, о чем Вы говорите

<!-- end Контакты -->

<h2 id="title"></h2>

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<ul id="menu">
<li><a href="">Пункт №1</a></li>
<li>
<a href="#">Пункт №2</a>
<ul>
<li>
<a href="#">Пункт №2.1</a>
<ul>
<li><a href="#">Пункт №2.1.1</a></li>
<li><a href="#">Пункт №2.1.2</a></li>
<li><a href="#">Пункт №2.1.3</a></li>
<li>
<a href="#">Пункт №2.1.4</a>
<ul>
<li>
<a href="#">Пункт №2.1.4.1</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.1</a></li>
<li><a href="#">Пункт №2.1.4.1.2</a></li>
<li><a href="#">Пункт №2.1.4.1.3</a></li>
<li><a href="#">Пункт №2.1.4.1.4</a></li>
<li><a href="#">Пункт №2.1.4.1.5</a></li>
<li><a href="#">Пункт №2.1.4.1.6</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.2</a></li>
<li><a href="#">Пункт №2.1.4.1.7.3</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7.4</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.4.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.4.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт №2.1.4.2</a></li>
<li><a href="#">Пункт №2.1.4.3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Пункт №2.2</a>
<ul>
<li><a href="#">Пункт №2.2.1</a></li>
<li><a href="#">Пункт №2.2.2</a></li>
<li><a href="#">Пункт №2.2.3</a></li>
<li><a href="#">Пункт №2.2.4</a></li>
</ul>
</li>
<li>
<a href="#">Пункт №2.3</a>
<ul>
<li><a href="#">Пункт №2.3.1</a></li>
<li><a href="#">Пункт №2.3.2</a></li>
<li><a href="#">Пункт №2.3.3</a></li>
<li><a href="#">Пункт №2.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт №2.4</a>
<ul>
<li><a href="#">Пункт №2.4.1</a></li>
<li><a href="#">Пункт №2.4.2</a></li>
<li><a href="#">Пункт №2.4.3</a></li>
<li><a href="#">Пункт №2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Пункт №3</a></li>
<li><a href="">Пункт №4</a></li>
<li><a href="">Пункт №5</a></li>
</ul>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
<!-- Поиск -->

Попробуйте такой код:
<!-- end Контакты -->
<h2 id="title"></h2>
<div id="mainNav">
<table>
<tr>
<td >
<div>
<ul id="menu">
<li><a href="http://{NET_DOMAIN}/">Главная</a></li>
<li>
<a href="#">Пункт №2</a>
<ul>
<li>
<a href="#">Пункт №2.1</a>
<ul>
<li><a href="#">Пункт №2.1.1</a></li>
<li><a href="#">Пункт №2.1.2</a></li>
<li><a href="#">Пункт №2.1.3</a></li>
<li>
<a href="#">Пункт №2.1.4</a>
<ul>
<li>
<a href="#">Пункт №2.1.4.1</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.1</a></li>
<li><a href="#">Пункт №2.1.4.1.2</a></li>
<li><a href="#">Пункт №2.1.4.1.3</a></li>
<li><a href="#">Пункт №2.1.4.1.4</a></li>
<li><a href="#">Пункт №2.1.4.1.5</a></li>
<li><a href="#">Пункт №2.1.4.1.6</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.2</a></li>
<li><a href="#">Пункт №2.1.4.1.7.3</a></li>
<li>
<a href="#">Пункт №2.1.4.1.7.4</a>
<ul>
<li><a href="#">Пункт №2.1.4.1.7.4.1</a></li>
<li><a href="#">Пункт №2.1.4.1.7.4.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт №2.1.4.2</a></li>
<li><a href="#">Пункт №2.1.4.3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Пункт №2.2</a>
<ul>
<li><a href="#">Пункт №2.2.1</a></li>
<li><a href="#">Пункт №2.2.2</a></li>
<li><a href="#">Пункт №2.2.3</a></li>
<li><a href="#">Пункт №2.2.4</a></li>
</ul>
</li>
<li>
<a href="#">Пункт №2.3</a>
<ul>
<li><a href="#">Пункт №2.3.1</a></li>
<li><a href="#">Пункт №2.3.2</a></li>
<li><a href="#">Пункт №2.3.3</a></li>
<li><a href="#">Пункт №2.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт №2.4</a>
<ul>
<li><a href="#">Пункт №2.4.1</a></li>
<li><a href="#">Пункт №2.4.2</a></li>
<li><a href="#">Пункт №2.4.3</a></li>
<li><a href="#">Пункт №2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Пункт №3</a></li>
<li><a href="">Пункт №4</a></li>
<li><a href="">Пункт №5</a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- Поиск -->


#5 Navik

Navik

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 05 Март 2013 - 09:10

Просмотр сообщенияmiyako (05 Март 2013 - 07:19) писал:

Попробуйте такой код:

Спасибо :)
Косяк исправлен.

#6 Navik

Navik

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 05 Март 2013 - 15:53

Ну и собственно, господа, я вновь вынужден обратиться за помощью к Вам... ))

<li><a href="http://{NET_DOMAIN}/catalog/Komplekty-v-krovatku">Комплекты в кроватку</a></li>
<li><a href="http://{NET_DOMAIN}/catalog/Komplekty-na-vypisku">Комплекты на выписку</a></li>
<li><a href="http://{NET_DOMAIN}/catalog/Krestil-nyje-nabory">Крестильные наборы</a></li>

Методом вычисления, выявил что длина описания ("Комплекты в кроватку" и т.п.)   - причина того что на скрине. error.PNG
Вопрос - почему?) и как это исправить?

#7 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Март 2013 - 17:13

Просмотр сообщенияNavik (05 Март 2013 - 15:53) писал:

Ну и собственно, господа, я вновь вынужден обратиться за помощью к Вам... ))

<li><a href="http://{NET_DOMAIN}/catalog/Komplekty-v-krovatku">Комплекты в кроватку</a></li>
<li><a href="http://{NET_DOMAIN}/catalog/Komplekty-na-vypisku">Комплекты на выписку</a></li>
<li><a href="http://{NET_DOMAIN}/catalog/Krestil-nyje-nabory">Крестильные наборы</a></li>

Методом вычисления, выявил что длина описания ("Комплекты в кроватку" и т.п.)   - причина того что на скрине. Прикрепленный файл error.PNG
Вопрос - почему?) и как это исправить?
В чем ошибка ? что то не пойму...

#8 Navik

Navik

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 05 Март 2013 - 18:46

Просмотр сообщенияKoderhan (05 Март 2013 - 17:13) писал:

В чем ошибка ? что то не пойму...

ээмм.. как бы так объяснить..
error (1).PNG
Данный обрыв возник после вставки выпадающего меню, с последующим увеличением его длинны до 985px

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Март 2013 - 23:26

Добавьте в ваш файл стилей main.css

body {
	overflow-x: hidden;
}






Темы с аналогичным тегами выпадающее меню

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных