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

[Vaccina]

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

.contentText, .contentText table {
	background-color: #ffffff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
	color: #707070;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5;
	padding: 0;
	vertical-align: top;
}

заменить на:

#bodyWrapper > .container.contentText {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
.contentText, .contentText table {
	background-color: #ffffff;
	color: #707070;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5;
	padding: 0;
	vertical-align: top;
}

по второму вопросу, при каком разрешении текст у вас вплотную встает к краю блока?

[admin]

Vaccina (11 Ноябрь 2014 - 03:56) писал:

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

.contentText, .contentText table {
background-color: #ffffff;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
color: #707070;
font-size: 16px;
font-style: italic;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

заменить на:

#bodyWrapper > .container.contentText {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
.contentText, .contentText table {
background-color: #ffffff;
color: #707070;
font-size: 16px;
font-style: italic;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

по второму вопросу, при каком разрешении текст у вас вплотную встает к краю блока?

1)Сделал изменения тень пропала совсем и везде!

2)Текст в плотную к левому краю при ширине до 770

3)от 770 до 970 по ширине каталог и вся левая колонка оказывается ниже всего основного текста (не помещается!)

[Vaccina]

1. в style.css найдите:

#bodyWrapper > .container.contentText {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

замените на:

body > .container.contentText {
	-moz-box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
	box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5);
}

2,3 в styel.css найдите:

.container .four.columns {
	width: 172px;
}

замените на:

.container .four.columns {
	width: 165px;
}

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

.container .five.columns, .container .twelve.columns {
	margin: 0;
	width: 460px;
}

замените на:

.container .five.columns, .container .twelve.columns {
	margin: 0;
	padding: 0 10px;
	width: 440px;
}

[admin]

Vaccina (12 Ноябрь 2014 - 03:26) писал:

1. в style.css найдите:

#bodyWrapper > .container.contentText {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

замените на:

body > .container.contentText {
-moz-box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5);
-webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5);
}

2,3 в styel.css найдите:

.container .four.columns {
width: 172px;
}

замените на:

.container .four.columns {
width: 165px;
}

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

.container .five.columns, .container .twelve.columns {
margin: 0;
width: 460px;
}

замените на:

.container .five.columns, .container .twelve.columns {
margin: 0;
padding: 0 10px;
width: 440px;
}

Спасибо!

[admin]

Я поднял container contentText на шапку, как сделать что бы его опустить на футер, чтобы он заходил на 20px?

[Vaccina]

у подвала данный отступ создается из-за блока:

.promo_block + .contentText {
	top: -240px;
}

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

.home #header {
	height: 400px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
}

замените на:

.home #header {
	height: auto;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
}

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

.promo_block {
	background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
	height: 100%;
	position: relative;
	top: -240px;
}

замените на:

.promo_block {
	background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
	height: 100%;
	position: relative;
}

[admin]

Vaccina (13 Ноябрь 2014 - 07:22) писал:

у подвала данный отступ создается из-за блока:

.promo_block + .contentText {
top: -240px;
}

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

.home #header {
height: 400px;
margin: 0 auto;
text-align: left;
z-index: 0;
}

замените на:

.home #header {
height: auto;
margin: 0 auto;
text-align: left;
z-index: 0;
}

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

.promo_block {
background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
height: 100%;
position: relative;
top: -240px;
}

замените на:

.promo_block {
background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
height: 100%;
position: relative;
}

Сделал но это не то,контент поднялся и налез на шапку, а в низу как и раньше, откатил.
Может быть можно всё таки не трогая верх опустить низ на футер. У меня раньше на Мокко так было.

[Dars]

UltraMag (13 Ноябрь 2014 - 07:28) писал:

Сделал но это не то,контент поднялся и налез на шапку, а в низу как и раньше, откатил.
Может быть можно всё таки не трогая верх опустить низ на футер. У меня раньше на Мокко так было.

В style.css найдите код:

body > .container.contentText {
		-moz-box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
		-webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
		box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
}

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

body > .container.contentText {
		-moz-box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
		-webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
		box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
		margin-bottom: -20px;
}

[admin]

Vaccina (13 Ноябрь 2014 - 07:22) писал:

у подвала данный отступ создается из-за блока:

.promo_block + .contentText {
top: -240px;
}

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

.home #header {
height: 400px;
margin: 0 auto;
text-align: left;
z-index: 0;
}

замените на:

.home #header {
height: auto;
margin: 0 auto;
text-align: left;
z-index: 0;
}

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

.promo_block {
background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
height: 100%;
position: relative;
top: -240px;
}

замените на:

.promo_block {
background: none repeat scroll 0 0 rgba(84, 46, 46, 0.5);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
height: 100%;
position: relative;
}

При экране меньше 482 текст ушёл влево

[admin]

Dars (13 Ноябрь 2014 - 09:16) писал:

В style.css найдите код:

body > .container.contentText {
	 -moz-box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
	 -webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
	 box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
}

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

body > .container.contentText {
	 -moz-box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
	 -webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5);
	 box-shadow: 0 8px 25px rgba(111, 94, 94, 0.5);
	 margin-bottom: -20px;
}

Как опустить картинку в шапке примерно на такой уровень? На скрине

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

• 

[admin]

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

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

• 

[Dars]

UltraMag (13 Ноябрь 2014 - 10:52) писал:

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

В style.css найдите строку:

body {background: url(http://design.ultramag-samara.ru/pattern.png?0904) top center;background-color: #ffffff;color: #000; margin: 0px;font-family: Calibri;height: 100%;}

и замените её на:

body {background: url('http://ultramag.storeland.net/slide11.jpg') top center no-repeat;color: #000; margin: 0px;font-family: Calibri;height: 100%;}

строку:

#header {position: relative;height: 250px;background: url('http://ultramag.storeland.net/slide11.jpg') center center;}

замените на:

#header {position: relative;height: 250px;}

и добавьте строку:

html {background: url(http://design.ultramag-samara.ru/pattern.png?0904) top center;}

[admin]

Dars (13 Ноябрь 2014 - 11:12) писал:

В style.css найдите строку:

body {background: url(http://design.ultramag-samara.ru/pattern.png?0904) top center;background-color: #ffffff;color: #000; margin: 0px;font-family: Calibri;height: 100%;}

и замените её на:

body {background: url('http://ultramag.storeland.net/slide11.jpg') top center no-repeat;color: #000; margin: 0px;font-family: Calibri;height: 100%;}

строку:

#header {position: relative;height: 250px;background: url('http://ultramag.storeland.net/slide11.jpg') center center;}

замените на:

#header {position: relative;height: 250px;}

и добавьте строку:

html {background: url(http://design.ultramag-samara.ru/pattern.png?0904) top center;}

В футере сместились сильно блоки меню, что делать?

кроме главной

[Dars]

UltraMag (13 Ноябрь 2014 - 11:35) писал:

В футере сместились сильно блоки меню, что делать?

кроме главной

В style.css добавьте строку:

#footer > .container {margin-top:50px;}

[admin]

Dars (13 Ноябрь 2014 - 11:39) писал:

В style.css добавьте строку:

#footer > .container {margin-top:50px;}

Спасибо помогло!

Осталась ещё одна проблема:
При экране меньше 482 всё сместилось влево.

[Vaccina]

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

[admin]

Vaccina (14 Ноябрь 2014 - 02:18) писал:

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

Скрин проблемы приложил.

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

• 

[batta]

UltraMag (14 Ноябрь 2014 - 06:34) писал:

Скрин проблемы приложил.

Здравствуйте.
В main.css

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
margin-right: 13px;
}

измените на

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
/* margin-right: 13px; */
}

[admin]

batta (14 Ноябрь 2014 - 08:15) писал:

Здравствуйте.
В main.css

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
margin-right: 13px;
}

измените на

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
/* margin-right: 13px; */
}

А как быть с первым пунктом, в малых разрешениях при нажатии на меню,оно открывается под всеми остальными. На скрине.

batta (14 Ноябрь 2014 - 08:15) писал:

Здравствуйте.
В main.css

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
margin-right: 13px;
}

измените на

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 10px;
/* margin-right: 13px; */
}

Теперь всё сместилось вправо к краю во всех разрешениях, этот отступ был нужен.

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

• 

[Vaccina]

В style.css найдите:

#header .nav-container .menu_block_dropdown {
background-color: #000;
display: none;
left: 0;
list-style: outside none none;
margin: 0;
padding: 15px 0 0;
position: absolute;
top: 36px;
width: 460px;
z-index: 99999;
}

замените на:

#header .nav-container .menu_block_dropdown {
background-color: #000;
display: none;
list-style: outside none none;
margin: 0;
padding: 15px 0 0;
position: relative;
width: 460px;
}