Report

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

Как переместить картинку слева от категории списка?
<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>

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

Добрый день.
 
Как сделать так, чтобы маркированный список был справа от изображения без обтекания.
Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/
 
спасибо!

Помогите, люди добрые!!
Совсем запутался в решении проблемы...
В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/
 
Заранее спасибо!