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

Сервис обмена электронных валют

Партнерская программа Kredov

Ширина вывода новостей/контента

#1 Артур22

Артур22
  • Пользователь
  • 19 сообщений
  • Репутация: 6
-2

Отправлено 01 Июль 2012 - 12:59

Всем привет, я тут новенький. Суть проблемы:
Сайт:http://ohrana-vam.ru/ с убогим моим дизайном
Как сделать ширину вывода новостей\контента шире как на картинке? Не могу найти нигде параметры ширины
Стоит dle 9.2 если это имеет значение то нубский хостинг hostinger.ru

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

  • арвар.png

 

 

  • 0

#2 c0ns0l3

c0ns0l3
  • Пользователь
  • 264 сообщений
  • Репутация: 49

Отправлено 01 Июль 2012 - 14:16

#content {
padding: 18px 275px 10px 275px;
}

Строка 181 из style.css.

Отступы: сверху, справа, снизу слева.
Соответственно уменьши 275 до нужных тебе значений. Судя по скрину который ты скинул - это примерно 20px


  • 0

#3 winston3d

winston3d
  • Пользователь
  • 135 сообщений
  • Репутация: 2

Отправлено 01 Июль 2012 - 14:17

В CSS нужно редактировать скорее всего, плюс границы у тебя не CSS-кой определяются а нарисованы, значит придётся текстуры перерисовывать (изменить картинку по адресу "images/articlebottom.jpg" и другие похожие
  • 1

#4 Артур22

Артур22
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 6

Отправлено 01 Июль 2012 - 15:21

изменил рзамер изображения меняю количество пикселей но она не расширяеться
  • 0

#5 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 01 Июль 2012 - 17:54

тема не в соответствующем разделе!
  • -1

#6 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 01 Июль 2012 - 23:35

Как сделать ширину вывода новостей\контента шире как на картинке? Не могу найти нигде параметры ширины

Смотрим в файле styles.css на нижеследующие определения стилей:
#content {
  padding: 18px 20px 10px 20px;
}
.articleheader {
  margin-left: 3px;
  width: 564px;
  height: 61px;
  background: url(images/articleheader.jpg) no-repeat;
}
.articlecontent {
  padding: 10px 10px 0 10px;
  width: 542px;
  margin-left: 3px;
  font-size: 12px;
  color: #818181;
  text-align: justify;
  line-height: 14px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.articlebottom {
  padding: 0 10px 0 15px;
  margin: 0 0 30px 3px;
  width: 539px;
  height: 51px;
  background: url(images/articlebottom.jpg) no-repeat;
}
Если убрать строки фиксирующие ширину для классов articleheader, articlecontent, articlebottom, то ширина соответствующих блоков будет определяться только полями для блока content (т.е. новостные статьи будут занимать всю доступную ширину блока content). Ну или, как вариант, можно задать новые фиксированные значения ширины для этих блоков.

Также следует обратить внимание, что
* картинки articlebottom.jpg и articleheader.jpg у вас имеют ширину 564px и их нужно подгонять под ширину блока content (с учетом полей и отступов).
* есть подозрение, что формат jpg для этих картинок не очень удачный. Скорее всего, gif или png будут заметно компактнее.
* ширина других разделов новостных блоков (из тех, что не использованы в вашей демо-страничке) может быть зафиксирована еще где-нибудь по файлу стилей, как например тут:
.articlecontent .quote {
	border: none;
	border-top: 1px dashed #d3d3d3;
	border-bottom: 1px dashed #d3d3d3;
	padding: 5px;
	margin-left:-10px;
	width: 552px;
}

  • 1


Оформление форума – IPBSkins.ru