Файлы топика

Добавлено: 16.10.2017 / 14:18
Всем привет. Мне нужно сделать сетку изображений, как на скрине. Вбиваю url картинок (или берутся из какой-то папки) и создается сетка. У кого нибудь есть готовое решение? Размеры изображений разные.

Добавлено: 16.10.2017 / 14:30
Пока нашел одно решение на jquery, если не получится, отпишусь))

# Scorpion (13.05.2017 / 10:37)
Blade, не получилось.. Есть другой вариант с помощью css?

есть, например через фоновое изображение

dilp, вот. Chrome

# dilp (19.04.2017 / 15:42)
Koenig, если с span и без таблицы, то рамка текста получается на всю ширину экрана

не понял что ты хочешь получить?

текст
<a href="../files/forum/attach/pic.png">
<img src="../files/forum/attach/pic.png" width="45" he

<span style="border:2px solid green;  padding:1px;">текст============<br />
в-----------------<br />
рамке</span>

почему ломаются полоски?

вот еще

почему код

<hr color="green" size="3px" />

добавляет черную полоску?

Че то я не втуплю как сделать что бы hover работал как на 3 скрине.
Нужно что бы счетчик менял цвет вместе с hover'ом ссылки, как такое сделать?

ramzes, 360х640

Помогите сделать что бы блоки ссылок равномерно занимали всю ширину страницы не зависимо от ширины экрана (растягивались или сжимались) с отступами от края страницы и между блоками в 2 рх.
Вот код цсс

#wrapper {
    width:100%;
    height:50px;
    background:#EFEFEF;
	margin-right:2px;
}
.section {
    border:solid 1px #999;
    float:left;
    height:50px;
    margin-left:2px;
    width:32%;
}
#wrapper div:first-ch