ширина и выравнивание блоков

[raptor-dm]

Друзья, такая проблема.
вот что нужно сверстаь http://hostingkartinok.com/show-image.php?id=4553b6ca9117d89ab51e00d4eacc71a1
каждый блок шириной 484px, но межу ними есть белый отступ. вот тут и проблема.
я конечно могу добавить класс каждому первому блоку в строке и дать отступ.
но ведь его будут вешать на cms, а их может быть 5 или 7, 12
как сделать это правильно?

http://texteredsa.besaba.com/bondarchuk/

Edited December 20, 2014 by raptor-dm

[psywalker]

Друзья, такая проблема.

вот что нужно сверстаь http://hostingkartinok.com/show-image.php?id=4553b6ca9117d89ab51e00d4eacc71a1

каждый блок шириной 484px, но межу ними есть белый отступ. вот тут и проблема.

я конечно могу добавить класс каждому первому блоку в строке и дать отступ.

но ведь его будут вешать на cms, а их может быть 5 или 7, 12

как сделать это правильно?

Ничего непонятно. Как верстали? Какой код? Где ссылка на тестовую страницу и т.д?? Вангую, что вы используете инлайн-блоки, а значит скорее всего речь об этом.

[Q4Dizzy]

Ограничен ли блок, в котором эти  новости фикс шириной?

 

Можете добавить всем им небольшие отступы с обоих сторон либо писать скрипт с добавлениями  классов к чётным и нечётным и писать классу стили. Если адаптив будет, то ещё и считать ширину блока-родителя, ширину этих блоков внутри, что бы получить количество и по ним уже вести расчёты.

 

А вообще верно говорят, ванг тут нет либо только учатся Ссылочку в студию)

Edited December 20, 2014 by Q4Dizzy

[raptor-dm]

http://texteredsa.besaba.com/bondarchuk/

вот посмотрите как сделал
я не знаю как правильно должно быть

Edited December 20, 2014 by raptor-dm

[Q4Dizzy]

Ну внешне нормально смотрится.

[Jey Val Star]

а их может быть 5 или 7, 12

Это по горизонтали или по вертикали? 

[raptor-dm]

 

а их может быть 5 или 7, 12

Это по горизонтали или по вертикали? 

 

вертикали

[Jey Val Star]

Лучше не класс, а :nth-child(2n}

Для четных один отступ, а для нечетных (:nth-child(2n+1)) другой

Edited December 20, 2014 by Jey Val Star

[raptor-dm]

ie8 не поддерживает их.

[Jey Val Star]

тогда скриптом JS добавь к четным один класс, а к нечетным другой.

А лучше только четным с параметром отступа