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


Отображение Сайта В Планшете

Автор velena168, 20 сент. 2013 23:25

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

#21 Сake

Сake

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

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

Отправлено 02 Ноябрь 2013 - 03:03

Попробуйте в ваш файл стилей style.css добавить

#store_information {
	width: auto !important;
	white-space: nowrap;
}
.htmlDataBlock * {
	word-wrap: break-word;
}

#22 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 02 Ноябрь 2013 - 03:25

Просмотр сообщенияСake (02 Ноябрь 2013 - 03:03) писал:

Попробуйте в ваш файл стилей style.css добавить

#store_information {
width: auto !important;
white-space: nowrap;
}
.htmlDataBlock * {
word-wrap: break-word;
}

Спасибо. Уже в Опере-мини нормально, а в Хроме как-то неправильно слова переносятся:

Красивая .............., конверты, комплекты и одежда для новорожденных, недорогой вязаны
й
трикотаж, нарядные детские костюмчики и комбинезоны от лучших петербургских производителе
й.

А, еще на большом ПК в Опере выпадающий список брендов как-то торчит не на месте. Поможете?

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

  • Снимок.PNG

#23 Vaccina

Vaccina

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

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

Отправлено 02 Ноябрь 2013 - 04:13

Цитата

как-то неправильно слова переносятся:

Красивая .............., конверты, комплекты и одежда для новорожденных, недорогой вязаны
й
трикотаж, нарядные детские костюмчики и комбинезоны от лучших петербургских производителе
й.

Это на ПК или нет? пожалуйста, приложите скриншот. Для бренда - добавьте в файл стилей style.css

.block-title select {
	font-size: 12px;
	width: 165px;
}

#24 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 02 Ноябрь 2013 - 11:45

Просмотр сообщенияVaccina (02 Ноябрь 2013 - 04:13) писал:

Это на ПК или нет? пожалуйста, приложите скриншот. Для бренда - добавьте в файл стилей style.css

.block-title select {
font-size: 12px;
width: 165px;
}

Спасибо, бренды встали на место.

Скриншот как-то мне не сохранить на карту памяти, сделала фото.

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

  • DSCN5476.JPG

#25 Сake

Сake

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

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

Отправлено 06 Ноябрь 2013 - 02:06

Этот перенос происходит из-за свойства 

word-wrap: break-word;

так как данное свойство задает принудительный перенос если тексту не хватает места. Я могу посоветовать вам вручную вставить необходимый перенос строк. Как альтернативный вариант - чуть-чуть увеличить ширину основного блока. В файле стилей style.css найдите

.two-third {
	float: right;
	width: 930px;
}

и замените на

.two-third {
	float: right;
	width: 940px;
}

#26 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Декабрь 2013 - 10:11

Просмотр сообщенияСake (06 Ноябрь 2013 - 02:06) писал:

Теперь, почему-то в Опере-мини на широком экране все нормально, а если перевернуть, на узком экране смещено влево.
Помогите, пожалуйста исправить.

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

  • DSCN5735.JPG
  • 1.jpg

#27 Сake

Сake

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

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

Отправлено 07 Декабрь 2013 - 04:45

К сожалению, нет технической возможности разобраться в данной проблеме. На разнообразных разрешениях на ПК подобной проблемы обнаружено не было. Судя по изображению, данная проблема вероятно связана с заголовками "Интернет-магазин детских товаров в Санкт-Петербурге" и "Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.". Попробуйте убрать данные заголовки и проверить отображение. Если все будет отображаться хорошо, то будет уже понятно из-за чего наблюдается такое поведение.

#28 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 07 Декабрь 2013 - 09:51

Просмотр сообщенияСake (07 Декабрь 2013 - 04:45) писал:

К сожалению, нет технической возможности разобраться в данной проблеме. На разнообразных разрешениях на ПК подобной проблемы обнаружено не было. Судя по изображению, данная проблема вероятно связана с заголовками "Интернет-магазин детских товаров в Санкт-Петербурге" и "Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.". Попробуйте убрать данные заголовки и проверить отображение. Если все будет отображаться хорошо, то будет уже понятно из-за чего наблюдается такое поведение.
Да, Эти заголовки, вообще вставлены не по правилам, методом тыка. А они очень нужны. Помогите, пожалуйста сделать
корректно.
Да, проверила. Из-за них.

#29 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 07 Декабрь 2013 - 10:30

Просмотр сообщенияvelena168 (20 Сентябрь 2013 - 23:25) писал:

Отображение сайта в планшете Андроид Опера немного смещено влево. В принципе ничего страшного, но не очень красиво. Можно поправить?
для планшета можно создать apk файл., и закачать на плпаншет

#30 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 07 Декабрь 2013 - 10:56

Просмотр сообщенияmikola (07 Декабрь 2013 - 10:30) писал:

для планшета можно создать apk файл., и закачать на плпаншет
Спасибо, но не за себя беспокоюсь, а за покупателей.

#31 Сake

Сake

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

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

Отправлено 10 Декабрь 2013 - 05:39

Попробуйте сделать следующее - в шаблоне "HTML" найдите код

<div id="header-logo">
		<div id="store_information">
  <div class="htmlDataBlock"><p style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</p><br><br>
  <p style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</p></div>
</div>
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>
	</div>
		<div id="header-right">

и замените его на

<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>
	</div>
  <div id="store_information">
  <p style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</p><br><br>
  <p style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</p>
</div> 
		<div id="header-right">

далее найдите и удалите в файле стилей style.css класс 

#store_information {
  white-space: nowrap;
  width: auto !important;
}

так же найдите и удалите 

#store_information {
  left: 250px;
  position: absolute;
  top: 30px;
  width: 680px;
}

далее добавьте

#store_information {
  float: left;
  margin: 30px 10px 10px;
  padding-top: 15px;
}

#32 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 11 Декабрь 2013 - 02:32

Просмотр сообщенияСake (10 Декабрь 2013 - 05:39) писал:

Попробуйте сделать следующее - в шаблоне "HTML" найдите код

<div id="header-logo">
	 <div id="store_information">
<div class="htmlDataBlock"><p style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</p><br><br>
<p style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</p></div>
</div>
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>
</div>
	 <div id="header-right">

и замените его на

<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>
</div>
<div id="store_information">
<p style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</p><br><br>
<p style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</p>
</div>
	 <div id="header-right">

далее найдите и удалите в файле стилей style.css класс

#store_information {
white-space: nowrap;
width: auto !important;
}

так же найдите и удалите

#store_information {
left: 250px;
position: absolute;
top: 30px;
width: 680px;
}

далее добавьте

#store_information {
float: left;
margin: 30px 10px 10px;
padding-top: 15px;
}
Смещение влево вылечилось, но теперь шапка на узком экране стала слишком здоровущая, на пол-экрана. Можно как-то уменьшить?

#33 Сake

Сake

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

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

Отправлено 11 Декабрь 2013 - 03:36

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

<div id="store_information">
<p style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</p><br><br>
<p style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</p>
</div>

заменить на

<div id="store_information">
<span style="color: #e64e51; font-size: 17.8px;">Интернет-магазин детских товаров в Санкт-Петербурге</span><br>
<span style="font-size: 13px;">Заказы на сайте круглосуточно! Заказы по телефону с 11:00 до 18:00 Пн-Пт.</span>
</div>

после в файле стилей style.css добавьте (в самый конец файла)

@media only screen and (max-width:767px) {
  #store_information {
	float: left;
	margin: 10px 10px -15px;
	padding-top: 0;
  }
}

#34 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 31 Декабрь 2013 - 11:46

Все-таки, еще очень большая шапка.

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

  • DSCN5811.JPG

#35 Vaccina

Vaccina

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

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

Отправлено 04 Январь 2014 - 23:22

Как вариант в сл.блоках:
#store_information {
float: left;
font-weight: 400;
margin: 30px 10px 10px;
padding-top: 32px;
}

#header_user_info {
clear: both;
color: #009966;
display: block;
font-size: 12px;
margin-top: 41px;
padding: 0px;
text-align: right;
}

уменьшите значение margin и margin-top

#36 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 05 Январь 2014 - 01:17

Просмотр сообщенияVaccina (04 Январь 2014 - 23:22) писал:

Как вариант в сл.блоках:
#store_information {
float: left;
font-weight: 400;
margin: 30px 10px 10px;
padding-top: 32px;
}

#header_user_info {
clear: both;
color: #009966;
display: block;
font-size: 12px;
margin-top: 41px;
padding: 0px;
text-align: right;
}

уменьшите значение margin и margin-top
Если уменьшаю margin-top:41px, то поиск не видно, уходит вверх.
А, если уменьшаю margin, то наезжает все друг на друга
Может На Сравнении перенести выше и уменьшить отступ между корзиной и поиском? А, как?

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

  • Снимок.GIF

#37 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 05 Январь 2014 - 03:22

Поуменьшала все что можно, стало получше, но все-таки еще слишком большая шапка.
Может быть можно сократить еще чуть-чуть расстояние отмеченное на скрине?

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

  • Снимок.GIF

#38 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 07 Январь 2014 - 20:04

Просмотр сообщенияvelena168 (05 Январь 2014 - 03:22) писал:

Поуменьшала все что можно, стало получше, но все-таки еще слишком большая шапка.
Может быть можно сократить еще чуть-чуть расстояние отмеченное на скрине?

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

#39 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 07 Январь 2014 - 20:09

Просмотр сообщенияCastiel (07 Январь 2014 - 20:04) писал:

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

#40 Coffee

Coffee

    Продвинутый пользователь

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

Отправлено 30 Июль 2014 - 10:05

Здравсвтвуйте! Меня интересует, почему на сайте тормозит прокрутка с мобильных устройств? Делая касание и движенрие пальцем я получаю отклик не сразу, а через время с задержкой. Подстраивание под экраны выключено
Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Другое
  6. Privacy Policy