Подскажите с картинками.

Аватар пользователя atrei90 atrei90 21 сентября в 20:24

Вот мой сайт http://giprocspb.ru/gallery/peregorodka-iz-gipsokartona-v-vide-dereva . Проблема с картинками. Крайне старанно. По умолчанию в столбец. Прописал
img{ max-width: 100%;
padding: 2px;
margin: 2px;
float: left;
display: inline-block;
}

Как сделать нормальные переносы для картинок? А не в хаосе как сейчас.

0 Thanks

Комментарии

Аватар пользователя adano adano 21 сентября в 20:53
a.colorbox {
  display: flex;
  width: 100px;
  height: 100px;
  align-items: center;
  float: left;
  margin: 2px;
}
a.colorbox img {
  display: block;
  margin: auto;
}
Аватар пользователя atrei90 atrei90 21 сентября в 23:08

Доп вопрос. Это по сути не картинка же. А картинка с надписью. Хочу сделал альбомы таким образом. Раньше думал что я не тупой человек. Я ошибался.)) Как сделать тоже горизонатольно.