Разные стили новостей

[inokentik 45]

Всем привет! Столкнулся с очередной проблемой... В категории новостей выводятся новости у меня в 2 колонки по принципу:

 

1  -----------  2

3  -----------  4

5  -----------  6

7  -----------  8

 

И как то так получается, что выглядят столбики не совсем одинаково, пример можно посмотреть тут http://windows-phone.su/games/ то есть левый столбик немного по ширине уже, из-за того что присутствует отступ между колонками... А хочется чтоб везде одинаковая ширина была, при этом и отступ по центру был... Где-то давно читал, что можно задать для новостей например только четных свой стиль оформления ну или свой шаблон... Не подскажите, где можно найти информацию? Хочется чтобы ровненько было и красивенько...

[germanydletest 438]

http://htmlbook.ru/css/nth-child

[odys 384]

Всем привет! Столкнулся с очередной проблемой... В категории новостей выводятся новости у меня в 2 колонки по принципу:

 

1  -----------  2

3  -----------  4

5  -----------  6

7  -----------  8

 

И как то так получается, что выглядят столбики не совсем одинаково, пример можно посмотреть тут http://windows-phone.su/games/ то есть левый столбик немного по ширине уже, из-за того что присутствует отступ между колонками... А хочется чтоб везде одинаковая ширина была, при этом и отступ по центру был... Где-то давно читал, что можно задать для новостей например только четных свой стиль оформления ну или свой шаблон... Не подскажите, где можно найти информацию? Хочется чтобы ровненько было и красивенько...

не нужно тебе использовать псевдо-классы, чтобы всё выровнять нужно делать так:

<style>
.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.span6 {width:490px;margin-bottom:20px;}
</style>

<div style="1000px">
	<div class="row">
		<div style="span6">
			первая новость
		</div>
		<div style="span6">
			вторая новость
		</div>
		<div style="span6">
			третья новость
		</div>
		<div style="span6">
			четвёртая новость
		</div>
	</div>
</div>