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



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

#1

Поделиться сообщением #1



Артур22

Артур22
  • Неактивные
  • 19 сообщений
  • Репутация: 6
-2

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

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

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

  • арвар.png

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как сделать ширину вывода новостей\контента шире
  2. Вывести содержимое страницы на главную
  3. Сайт не оптимизирован для мобильных устройств в новом Вебмастере Яндекса
  4. Проблема с выводом краткой новости Вордпресс
  5. Вывод контента в зависимости от IP посетителя (страны) для разных CMS

#2

Поделиться сообщением #2



c0ns0l3

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

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

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

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

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


  • 0

#3

Поделиться сообщением #3



winston3d

winston3d
  • Неактивные
  • 135 сообщений
  • Репутация: 2

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

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

#4

Поделиться сообщением #4



Артур22

Артур22
    Topic Starter
  • Неактивные
  • 19 сообщений
  • Репутация: 6

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

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

#5

Поделиться сообщением #5



surfer

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

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

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

#6

Поделиться сообщением #6



yury

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

Отправлено 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