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

[strekozanna]

Здравствуйте! Совсем запуталась в большом объеме информации, помогите пожалуйста исправить ошибки на сайте! Или подскажите, где это описывалось.  

1. Как продлить до подвала фон среднего блока? Чтобы растягивался автоматически.
2. Из чего состоит подвал сайта и где изменяется его содержание и текст?
2. Как "уместить" текст и горизонтальные разделители в средний блок?
4. Как "поднять" средний блок повыше, на один уровень с Каталогом?

Заранее спасибо!

Сайт www.magazinraduga.ru

[Vaccina]

Цитата

1. Как продлить до подвала фон среднего блока? Чтобы растягивался автоматически.

В данный момент у вас в файле стилей есть класс

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 1000px;
}

удалите в нем свойство padding-bottom

Цитата

2. Из чего состоит подвал сайта и где изменяется его содержание и текст?

Код подвала сайта находиться в шаблоне "HTML"

<div id="footer">
   ... 
</div>

Цитата

2. Как "уместить" текст и горизонтальные разделители в средний блок?

Попробуйте найти класс

.pad-box {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 100%;
}

далее заменить его на

.pad-box {
	display: inline;
	float: left;
}

Цитата

4. Как "поднять" средний блок повыше, на один уровень с Каталогом?

Вам нужно найти

.page-headline {
	height: 81px;
	position: relative;
}

далее заменить на

.page-headline {
	height: 41px;
	position: relative;
}

[strekozanna]

Vaccina (20 Сентябрь 2011 - 15:40) писал:

В данный момент у вас в файле стилей есть класс

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 1000px;
}

удалите в нем свойство padding-bottom



Код подвала сайта находиться в шаблоне "HTML"

<div id="footer">
   ... 
</div>

Попробуйте найти класс

.pad-box {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 100%;
}

далее заменить его на

.pad-box {
	display: inline;
	float: left;
}

Вам нужно найти

.page-headline {
	height: 81px;
	position: relative;
}

далее заменить на

.page-headline {
	height: 41px;
	position: relative;
}

Большое спасибо! Все получилось, только про подвал не поняла...
Средний блок - footer_bg.
А боковые блоки отдельные части?
И где поменять цвет шрифта и расстояние между пунктами меню?
Кстати поменяв footer_bg на черный, стало видно отступ и сверху и снизу, как его убрать?


И еще вопросик... Как сделать, чтобы шапка растягивалась вправо и влево? Вернее, можно-ли сделать чтобы полоски, которые у меня по бокам растягивались (не затрагивая центр)? Сейчас, при изменении масштаба страницы она смотрится криво

[Vaccina]

Цитата

Большое спасибо! Все получилось, только про подвал не поняла...
Средний блок - footer_bg.

ссылка на данное изображение находиться в файле стилей main.css

#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/11/10528/footer_bg.jpg") no-repeat scroll center top transparent;
	height: 60px;
	margin: 10px auto;
	padding: 10px;
	width: 960px;
} 

Цитата

А боковые блоки отдельные части?

Не совсем понятен ваш вопрос. Пожалуйста объясните по подробнее.

Цитата

И где поменять цвет шрифта и расстояние между пунктами меню?

Между какими пунктами? Если вы о подвале - то расстояние задается через класс

#footer .left ul li {
	border-right: 1px solid #666666;
	color: #333333;
	display: inline;
	font: 10px Helvetica,Arial,sans-serif;
	margin-right: 0;
	padding-right: 0;
}

свойства margin-right и padding-right или другие аналогичные

а что бы задать цвет для ссылок - вам нужно создать новый класс

#footer .left ul li a {
	color: #333333;
}

далее изменить свойство color

Цитата

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

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

И

Цитата

еще вопросик... Как сделать, чтобы шапка растягивалась вправо и влево? Вернее, можно-ли сделать чтобы полоски, которые у меня по бокам растягивались (не затрагивая центр)? Сейчас, при изменении масштаба страницы она смотрится криво

Для этого вам нужно в шаблоне "HTML" найти блок <div id="footer"> далее создать внутри него еще один div и уже в этом div'e разместить все что было ранее в <div id="footer">
далее для нового блока div прописываем свойства

<div style="margin: 0 auto;width:960px;">

Далее в файле стилей в классе #footer удалить

margin: 10px auto;
width: 960px;

и задать для background вместо no-repeat задать repeat

[strekozanna]

Хотела уточнить про последний пункт. Очевидно вы не совсем верно меня поняли (или я так вопрос задала  ) , я спрашивала о шапке магазина (растянуть полоски), а не о подвале. Не могли бы вы подсказать как это сделать с шапкой?

[Vaccina]

скорее всего так не получится сделать, потому что такое растяжение с обоих боков происходит при резиновой верстке, когда параметры ширины имеют примерно сл.значение width:50%; или width:75%;
Для этого нужно будет у всех блоков менять ширину сейчас она везде фиксированная.