Сообщений в теме: 12

[Avora]

Здравствуйте.
Логотип и блок "корзина" смотрятся хорошо, располагаются на одной горизонтальной линии. Но Появился блок "сравнение" - и он ушел вверх, сместил и логотип, и "корзину". Получилось некрасиво. Как выровнять это блоки, чтобы так же шли по верхней горизонтальной линии? Так как блок "сравнение" не постоянный - его нужно перенести под корзину.

Прикрепленные изображения

• 
• 

[MikDark]

Avora (26 Июль 2014 - 09:59) писал:

Здравствуйте.
Логотип и блок "корзина" смотрятся хорошо, располагаются на одной горизонтальной линии. Но Появился блок "сравнение" - и он ушел вверх, сместил и логотип, и "корзину". Получилось некрасиво. Как выровнять это блоки, чтобы так же шли по верхней горизонтальной линии? Так как блок "сравнение" не поястоянный, возможно, есть нужно перенести под корзину.

Сделайте бэкап. Далее в шаблоне HTML ищем код:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}

вырезаем и вставляем после:

			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->

[Avora]

Теперь снизу разрыв. Нужно, чтобы обе блока - и корзина, и сравнение - были параллельны логотипу, не перескакивая на новые строчки. Просто переставить местами блоки я и сама пробовала - не выходит.

Прикрепленные изображения

• 
• 

[batta]

Avora (26 Июль 2014 - 11:04) писал:

Теперь снизу разрыв. Нужно, чтобы обе блока - и корзина, и сравнение - были параллельны логотипу, не перескакивая на новые строчки. Просто переставить местами блоки я и сама пробовала - не выходит.

Здравствуйте.
Если я вас правильно понял то попробуйте.
найдите в style.css

#compareInfo {
color: #999;
float: right;
margin: 10px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}

измените на.

#compareInfo {
color: #999;
float: right;
margin: -99px 45px 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}

[Avora]

Большое спасибо, помогло!

[asya1983]

Помогите поднять логотип до уровня как на картинке

Прикрепленные изображения

• 

[Alekseys]

asya1983 (07 Октябрь 2014 - 23:38) писал:

Помогите поднять логотип до уровня как на картинке

Здравствуйте. В main.css замените

#header #logo {
float: left;
clear: both;
/* margin: 12px 12px 12px 0; */
}

на

#header #logo {
float: left;
clear: both;
margin-top: -65px;
}

и замените

#header_colapse {
background-color: #ff0551;
color: #ffffff;
position: relative;
z-index: 1000;
}

на

#header_colapse {
background-color: #ff0551;
color: #ffffff;
position: relative;
z-index: 1000;
height: 230px;
}

[asya1983]

все отлично передвинулось только цвет розовый пропал

[Alekseys]

asya1983 (08 Октябрь 2014 - 07:23) писал:

все отлично передвинулось только цвет розовый пропал

В конец main.css добавьте

#header_colapse {
background-color: #ff0551;
color: #ffffff;
position: relative;
z-index: 1000;
height: 230px;
}

[asya1983]

можно съузить не много как на картинке и логотип чуть опусть чтоб отступ сверху был небольшой

Прикрепленные изображения

• 

[Alekseys]

asya1983 (08 Октябрь 2014 - 07:52) писал:

можно съузить не много как на картинке и логотип чуть опусть чтоб отступ сверху был небольшой

В main.css в блоке

#header_colapse {
background-color: #ff0551;
color: #ffffff;
position: relative;
z-index: 1000;
height: 230px;
}

для изменения высоты отредактируйте height: 230px; , чтобы опустить логотип в

#header #logo {
float: left;
clear: both;
margin-top: -65px;
}

увеличьте параметр margin-top: -65px;

[asya1983]

Alekseys (08 Октябрь 2014 - 08:41) писал:

В main.css в блоке

#header_colapse {
background-color: #ff0551;
color: #ffffff;
position: relative;
z-index: 1000;
height: 230px;
}

для изменения высоты отредактируйте height: 230px; , чтобы опустить логотип в

#header #logo {
float: left;
clear: both;
margin-top: -65px;
}

увеличьте параметр margin-top: -65px;

А подскажите какой параметр надо менять чтоб можно было регулировать расположение корзины по вертикали

[Alekseys]

asya1983 (08 Октябрь 2014 - 09:31) писал:

А подскажите какой параметр надо менять чтоб можно было регулировать расположение корзины по вертикали

В main.css в блоке

#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
}

измените параметр margin-top: 15px;