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

[мистка]

через какие параметры задается адаптивность для картинок???

[мистка]

ап

[daria_dnk]

мистка (25 Август 2014 - 19:55) писал:

ап

Здравствуйте! Уточните пожалуйста об адаптивности какого элемента сайта Вы говорите?

[мистка]

конкретно интересует вся верхняя часть меню,  и 4 картинки ниже меню

вот скрин при разрешении 1920скриншот

вотскрин при разрешении 1620скриншот

вот скрин при разрешении 1440 скриншот
вот скрин при разрешении 1280 скриншот

вот при скриншот дальше хуже все обрезается еще больше как сделать чтоб при любом разрешении экрана вид был как при разрешении в 1280
Аккаунт SL-299242

[daria_dnk]

мистка (25 Август 2014 - 20:59) писал:

конкретно интересует вся верхняя часть меню,  и 4 картинки ниже меню

вот скрин при разрешении 1920скриншот

вотскрин при разрешении 1620скриншот

вот скрин при разрешении 1440 скриншот
вот скрин при разрешении 1280 скриншот

вот при скриншот дальше хуже все обрезается еще больше как сделать чтоб при любом разрешении экрана вид был как при разрешении в 1280
Аккаунт SL-299242

Попробуйте в шаблоне main.css код

.middle {
position: relative;
overflow: hidden;
margin-top: -45px;
padding: 0;
padding-top: 0px;
padding-bottom: 10px;
width: 100%;
height: 100%;
background: url("http://design.koala-textil.ru/mega-bg.png") no-repeat ;
}

заменить на

.middle {
position: relative;
overflow: hidden;
margin-top: -45px;
padding: 0;
padding-top: 0px;
padding-bottom: 10px;
width: 100%;
height: 100%;
background: url("http://design.koala-textil.ru/mega-bg.png") no-repeat ;
background-size: 100%;
}

[мистка]

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

[Vaccina]

background: url("http://design.koala-textil.ru/mega-bg.png") no-repeat ;

замените на:

background: url("http://design.koala-textil.ru/mega-bg.png") no-repeat center top;

на счет фона-ленты на меню, ее необходимо поделить на 2 части, в 1ой части вся лента без последних уголков, а во второй части как раз недостающие правые уголки.

[мистка]

теперь вообще все разехалось

[мистка]

вот я взяла для примера и обернула картинку в div
   <div class="block-r">
<a><img src="http://design.koala-...ени1.png?0859"/ ></a>
  </div>
затем создала стили
------------------------------------

.block-r {
float: left;
overflow: hidden;
width: 100%;
max-width: 100%;
height: auto;
display: inline-block;
margin-left: 350px;
margin-top: -5px;
margin-bottom: 0px;
background-size: 100%;
}
----------------------------------------
на скринах я покажу как передвигается картинка в зависимости от размера экрана

1 картинка уехала тело сайта тоже пи размере в 1920


2 расширение 1440 та же бяда


3 а вот что мы видим при 1024

4 800 расширен



как сделать так чтоб при любом разрешении экрана картинка не ездила а была всегда на определенном месте то есть адаптировалась к размеру экрана???
когда смотрю через сервисы вообще ее нет...она размером с милиметр
http://gering111.com...xtil.ru/catalog

[мистка]

помогите решить вопрос!

[Castiel]

мистка (26 Август 2014 - 11:03) писал:

помогите решить вопрос!

Здравствуйте, Вы сильно модифицировали стандартный шаблон. Рекомендуем обратиться в дизайн студию для того чтобы они помогли переделать адаптивную часть сайта так как Вам нужно.

[мистка]

спасибо

[Samcopy]

В левую колонку добавлен блок с новостями, на мобильных версиях он внаглую лезет "вперед батьки" наверх под Лого. Как бы его в самый низ определить, перед футером?
Аккаунт SL-240248

[Vaccina]

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

[Samcopy]

ДА,
я о том и пишу, что он (блок) встает под логотип в малюськах (и занимает собой два скрола почти). Его в мобилках надо вниз (скрыть) или еще как, но в начале он не нужен.

[Vaccina]

В main.css после:

@media only screen and (max-width:480px){

добавьте:

.lenta-news {
display: none;
}
.lenta-news2 {
display: block;
}

далее найдите:

.lenta-news {
display: block;
float: left;
margin-top: 20px;
}

после него вставьте:

.lenta-news2 {
display: none;
}

Далее в шаблоне HTML найдите:

<footer class="footer">
			<div class="footerCenter">
				<nav class="footerMenu">

перед ним вставьте:

<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
										 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
										 <div class="lenta-news lenta-news2">
												 <div class="newHead">
														 <h4><a href="{NEWS_SHOP_URL}" title="Перейти к странице &laquo;Новости&raquo;">Новости<span class="toggleImg hide"></span></a></h4>
												 </div>
												 <div class="newCont">
																 <ul class="postList">
																 {% FOR news_list_shop %}
																		 <!-- Вывод не больше 4 пунктов новостей -->
																		 {% IF news_list_articles.index > 4 %} {break} {% ENDIF %}
																		 <li>
																				 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a>
																				 <span class="text-short">
																				 {news_list_shop.TEXT_SHORT}
																			   
																				 </span>
																				 <span class="news-time">
																				 {news_list_shop.TIME | date("d.m.Y")}
																				 </span>
																		 </li>
																 {% ENDFOR %}
																 </ul>
												 </div>
										 </div>
										 {% ENDIF %}
										 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
					   
					   

[Samcopy]

не помогает

[Vaccina]

Сохраните пожалуйста изменения, чтобы мы могли проверить результат и на его основе проконсультировать вас далее по данному вопросу.
По логике результат выполнения инструкции выше должен был быть следующий, на больших разрешениях новости отображаются как обычно, но при уменьшении окна менее 480px блок новостей скрывается и появляется новый под всеми товарами ниже.