Центрирование картинки

[Bredova]

Наворотила галлерею, адаптировала готовый скрипт.

http://test.bredova.ru/index.php?id=12

Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла.

Сейчас мне бы их хотя бы отцентрировать.

Но никак не получается

Пыталась писать

#wrapper{
	width:550px;
	margin: 0 auto;
}

Но видимо я не там копаю, реакции не было никакой

Помогите, пожалуйста!!!

[fan]

Я бы сунул этот блок в таблицу, и не мучился бы.

Пусть у браузера голова болит.

И приглуши белый фон, вот здесь несколько нормальных фонов. Глаза у всех разные, мониторы тоже.

[sigma77]

Сейчас мне бы их хотя бы отцентрировать.

Но никак не получается

Блоку-родителю задай text-align: center, либо самой картинке margin: 0 auto; display: block

[Bredova]

Блоку-родителю задай text-align: center, либо самой картинке margin: 0 auto; display: block

margin: 0 auto; display: block - не помогло

.slider
{
	width:1000px;
	height:500px;
	overflow:hidden;
	text-align:center;
}

тоже не помогло

Edited January 16, 2011 by Bredova

[Bredova]

Решение найдено!

.item a {
  display:block
}
img.portf {
  display:block;
  margin-left: auto !important;
  margin-right: auto !important;
}

[psywalker]

Решение найдено!

.item a {
  display:block
}
img.portf {
  display:block;
  margin-left: auto !important;
  margin-right: auto !important;
}

Почему вместо

margin-left: auto !important;
  margin-right: auto !important;

Не сделала так:

margin: 0 auto;

[Bredova]

Почему вместо

margin-left: auto !important;
  margin-right: auto !important;

Не сделала так:

margin: 0 auto;

Спасибо за поправку!

[psywalker]

Спасибо за поправку!

И тебе спасибо