Верстка сайта, html.

S
На сайте с 27.12.2015
Offline
0
549

Здравствуйте дорогие форумчане и веб программисты. Мне нужна ваша помощь. Копаюсь в коде и не могу нарыть одну вещь. Вот сайт domzakazov.com, нужно чтобы на главной странице имелось не 3-три ячейки по горизонтали, а 4-четыре. Как мне это осуществить? Вот картинка:

Благодарен за вашу помощь!

Q8
На сайте с 02.08.2012
Offline
31
#1

Здравствуйте.

Попробуйте в файле стилей http://domzakazov.com/wp-content/themes/oria/style.css для класса

.posts-layout .hentry

заменить значение ширины с width: 33,33%; на width: 25%;

Я смотрю, там скрипт еще дополнительно просчитывает положение блоков относительно левого края. Если первый вариант не поможет, нужно будет этот момент поизучать.

G2
На сайте с 27.10.2009
Offline
62
#2

У вас стоит Masonry, инициализирует блоки по ширине .item-sizer


$container.masonry({
itemSelector: '.posts-layout .hentry',
columnWidth : '.item-sizer',

Правка от q8888 должна помочь, если нет - пропишите дополнительно и ширину для ".posts-layout .hentry .item-sizer"

КакМаршрутник (http://goo.gl/forms/hMgaH0s9E5) — как маршрутник, но работает.
О
На сайте с 20.09.2012
Offline
63
#3
заменить значение ширины с width: 33,33%; на width: 25%;

не на 25, а на 24,25%

отступ то должен быть у блоков

S
На сайте с 27.12.2015
Offline
0
#4

Попробовал все варианты, которые здесь перечислены, не помогло. Код не возвращал в исходный вид. Благодарен за попытки помочь, но что-то надо сделать с этим кодом. Не поддается 😒

---------- Добавлено 29.12.2015 в 16:24 ----------

Хотя нет. Ребят спасибо огромное. Все отображается. Видимо что-то до этого сделал не так. Глубокая благодарность :)

I2
На сайте с 07.03.2015
Offline
38
#5

Так вы не правильно написали ширину.

width: 24,25%; //не правильно

width: 24.25% //правильно

Качественная верстка PSD макетов (/ru/forum/974524)
Q8
На сайте с 02.08.2012
Offline
31
#6
Оконщик:
не на 25, а на 24,25%
отступ то должен быть у блоков

Да нет, именно 25%. В данном случае ширина задается для контейнеров-оберток, которые выстроены в ряд вплотную друг к другу. Отступы назначаются вложенным с них блокам, и стили оформления применяются уже к ним.

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий