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

[Иванов]

Помогите, пож-та! Некорректное отображение на нетбуке и телефоне!

Структура сайта разбросана по сайту...  

[Иванов]

Иванов (01 Июнь 2014 - 22:50) писал:

Помогите, пож-та! Некорректное отображение на нетбуке и телефоне!

Структура сайта разбросана по сайту...  

Админы, поможет кто-нибудь?

[Сake]

У вас нарушается адаптивность из-за использования больших изображений в описании страниц. Попробуйте в конец файла стилей style.css добавить класс

.htmlDataBlock img {
  width: 100% !important;
}

[Иванов]

Сake (04 Июнь 2014 - 09:09) писал:

У вас нарушается адаптивность из-за использования больших изображений в описании страниц. Попробуйте в конец файла стилей style.css добавить класс

.htmlDataBlock img {
width: 100% !important;
}

Ничего не вышло...

[MikDark]

Иванов (04 Июнь 2014 - 16:59) писал:

Ничего не вышло...

Заходим в бэк-офис. Сайт - Страницы, там переходим к редактированию главной страницы. В панели ждем кнопку Источник, находим код:

<img alt="" src="http://design.muscle-pharma.ru/Без%20имени-2.jpg?1134" style="width: 800px; height: 318px;" />

и меняем на:

<img alt="" src="http://design.muscle-pharma.ru/Без%20имени-2.jpg?1134" style="width: 100%;" />

[Иванов]

MikDark (04 Июнь 2014 - 17:04) писал:

Заходим в бэк-офис. Сайт - Страницы, там переходим к редактированию главной страницы. В панели ждем кнопку Источник, находим код:

<img alt="" src="http://design.muscle-pharma.ru/Без%20имени-2.jpg?1134" style="width: 800px; height: 318px;" />

и меняем на:

<img alt="" src="http://design.muscle-pharma.ru/Без%20имени-2.jpg?1134" style="width: 100%;" />

Ничего не поменялось, кроме того, что картинка на главной растянулась по ширине.

[MikDark]

Иванов (04 Июнь 2014 - 20:37) писал:

Ничего не поменялось, кроме того, что картинка на главной растянулась по ширине.

Не вижу изменений. Они нужны для дальнейшей работы.

[Иванов]

MikDark (04 Июнь 2014 - 20:50) писал:

Не вижу изменений. Они нужны для дальнейшей работы.

изменения внесены

[Vaccina]

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

[Иванов]

Vaccina (05 Июнь 2014 - 01:51) писал:

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

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

• 

[Vaccina]

попробуйте следующее, найдите в style.css:

#megamenu {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 43px;
left: 169px;
margin-bottom: 13px;
position: absolute;
top: 107px;
width: 861px;
}

замените на:

#megamenu {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 43px;
left: 0;
margin: 107px auto 0;
width: 861px;
}

далее

.one-third {
width: 220px;
}

замените на:

.one-third {
width: 20%;
}

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

.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 180px;
margin: 0 auto;
width: 940px;
}

замените на:

.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 180px;
margin: 0 auto;
width: 100%;
}

пришлите после изменений скриншот, чтобы убедиться все ли правильно сделано и дальше направлять вас =)

[Иванов]

Vaccina (06 Июнь 2014 - 02:13) писал:

попробуйте следующее, найдите в style.css:

#megamenu {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 43px;
left: 169px;
margin-bottom: 13px;
position: absolute;
top: 107px;
width: 861px;
}

замените на:

#megamenu {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 43px;
left: 0;
margin: 107px auto 0;
width: 861px;
}

далее

.one-third {
width: 220px;
}

замените на:

.one-third {
width: 20%;
}

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

.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 180px;
margin: 0 auto;
width: 940px;
}

замените на:

.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 180px;
margin: 0 auto;
width: 100%;
}

пришлите после изменений скриншот, чтобы убедиться все ли правильно сделано и дальше направлять вас =)

#megamenu {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 43px;
left: 169px;
margin-bottom: 13px;
position: absolute;
top: 107px;
width: 861px;
}
такого кода у нас нет. Шапка уже много раз модернизировалась.

[Vaccina]

Код брался с вашего сайта ищите по первой строке:

#megamenu {

[Иванов]

Vaccina (07 Июнь 2014 - 02:14) писал:

Код брался с вашего сайта ищите по первой строке:

#megamenu {

Сделали как было описана выше, но ничего не вышло...  стало ещё хуже - все элементы разбросались по сайту. (поэтому всё вернули обратно)

[Иванов]

Иванов (07 Июнь 2014 - 13:09) писал:

Сделали как было описана выше, но ничего не вышло...  стало ещё хуже - все элементы разбросались по сайту. (поэтому всё вернули обратно)

Vaccina (07 Июнь 2014 - 02:14) писал:

Код брался с вашего сайта ищите по первой строке:

#megamenu {

Админы, помогите кто-нибудь!

[lew]

вам же написали

Цитата

пришлите после изменений скриншот, чтобы убедиться все ли правильно сделано и дальше направлять вас =)

снова верните обратно и мы дальше продолжим направлять вас. Перед тем как вносить изменения,  сделайте бекап. И как завершите , то снова сделайте бекап (на тот случай если нас не дождётесь).

[Иванов]

lew (08 Июнь 2014 - 18:25) писал:

вам же написали

снова верните обратно и мы дальше продолжим направлять вас. Перед тем как вносить изменения,  сделайте бекап. И как завершите , то снова сделайте бекап (на тот случай если нас не дождётесь).

Если бы Вы чуть быстрее отвечали, тогда было бы другое дело, а так мы не можем оставить всё в искажённом виде и ждать неделю ответ.

[lew]

вы сделали бекап, после того как сделали изменения?

[Иванов]

lew (08 Июнь 2014 - 21:10) писал:

вы сделали бекап, после того как сделали изменения?

Всё сделали ещё раз как Вы написали. Бекап также сделали.

Скидываем Вам скрин сделанный с нетбука.

Иванов (09 Июнь 2014 - 22:05) писал:

Всё сделали ещё раз как Вы написали. Бекап также сделали.

Скидываем Вам скрин сделанный с нетбука.

и вот ещё ошибка на всех компах.

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

• 
• 

[Vaccina]

шапка как раз не разбросалась по всему сайту а скомпоновалась, остается ее немного поправить найдите:

#header-fluid {
	background: #EDEDED;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 90%;
	z-index: 10;
}

замените на:

#header-fluid {
	background: #EDEDED;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	min-height: 100px;
	position: relative;
	width: 100%;
	z-index: 10;
}

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

.container {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	height: 180px;
	margin: 0 auto;
	width: 100%;
}

замените на:

.container {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	min-height: 180px;
	width: 100%;
}

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