Jump to content
  • 0

Верстка картинок списка шаблон Django


sadosado
 Share

Question

Как переместить картинку слева от категории списка?

    <ul class="dropdown-menu" data-navigation="dropdown-menu">
                            {% category_tree depth=2 as tree_categories %}
                            <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li>
                            {% if tree_categories %}
                                <li class="divider"></li>
                                {% for tree_category, info in tree_categories %}
                                    {% if info.has_children %}
                                        <li class="dropdown-submenu">
                                          {% thumbnail tree_category.image "20x20" upscale=False as thumb %}
                                            <img class="img-thumbnail"
                                              src="{{ thumb.url }}"
                                                alt="{{ category.name }}" title="{{ category.name }}"
                                                  style="right: 10px;"/>
                                          {% endthumbnail %}
                                            <a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a>
                                            <ul class="dropdown-menu">
                                            {% else %}
                                            {% thumbnail tree_category.image "20x20" upscale=False as thumb %}
                                              <img class="img-thumbnail"
                                                src="{{ thumb.url }}"
                                                  alt="{{ category.name }}" title="{{ category.name }}"
                                                    style="right: 10px;"/>
                                            {% endthumbnail %}
                                                <li><a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a></li>
                                            {% endif %}

                                            {% for close in info.num_to_close %}
                                                </ul></li>
                                            {% endfor %}
                                {% endfor %}
                            {% endif %}
                            <li class="divider"></li>
                            {% block nav_dropdown_extra_items %}
                                <li><a href="{% url 'offer:list' %}">{% trans "Offers" %}</a></li>
                            {% endblock %}
                        </ul>
                        <li>
                        <a href="/contacts/">
                          {% trans "Contacts" %}
                        </a>
                    </li>
                    {% block nav_extra %}
                    {% endblock %}
                </ul>

Снимок экрана от 2017-12-20 17-01-45.png

Edited by sadosado
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By digenis
      Проблема заключается в том что мне нужно чтобы изображение было на левом краю до конца блочного элемента, а список чтобы был справа и также до конца блочного элемента. Это все в заголовке.  https://jsfiddle.net/Lyguc520/3/

    • By Free3e
      Добрый день.
       
      Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать.
      Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте.
      Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях.
      Буду благодарен ссылкам на демо и примеры.
       
      С меня кофе тому кто поможет мне найти хорошее решение =)

    • By Ольга А.
      Добрый день.
       
      Как сделать так, чтобы маркированный список был справа от изображения без обтекания.
      Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/
       
      спасибо!
    • By maxim_
      Добрый день форумчане!
      Это мой второй сайт (для себя) http://кухонный-мир.рф/

      Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ????
      1. Я разделил картинку в блоке №1 на маленькие кусочки
      2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов)
      3. Пробовал размещать картинку из блока №1 в других папках и менял названия
      НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1
      4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установил в этом скрипте параметр который загружает сначала картинки 20kbt, и только потом прочие. НО даже при этом картинки из блока №3 идут при загрузке первыми!
      код не получется оформить правильно, поэтому цитатой.
      Я конечно могу уже работать и так. Только картинки из блока №2 оптимизирую ещё. Но просто уже интересно как же так, почему и можно ли что то сделать.
      Стили картинки из блока №1 (эта картинка разбита на кусочки)
      Стили картинок из блока №3
      P.S. если возможно, то ответы как для совсем для начинающего. Я вообще не изучал html css, а всё сделал через вопросы в google, и это впервые обращаюсь к форуму.
    • By Алексей2802
      Помогите, люди добрые!!
      Совсем запутался в решении проблемы...
      В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/
       
      Заранее спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy