2013-09-14 3 views
0

Я хочу создать макет, подобный этому, с html & css для списка миниатюр. enter image description hereПроектирование такого макета с использованием html & css

Я хочу, чтобы заполнить DIV с эскизами & исключить часть этого DIV от содержания & заполнить его с каким-либо другим содержанием;
Возможно ли это? Как?

+3

Да, это так. Что ты уже испробовал ? – Vucko

+0

Если вы построите его тщательно, и все ваши миниатюры имеют одинаковые размеры, а ваше верхнее право-другое содержимое может быть родным из миниатюр, я думаю, вы можете сделать это с помощью плавающих элементов и нескольких дополнительных элементов для создания границ как шоу. Конечно, CSS-таблицы также могут сделать трюк. –

+0

@Vucko: Я пробовал абсолютное позиционирование меньшего div в верхнем правом углу; но миниатюры идут за ним! – RYN

ответ

2

Да, используйте плавающий макет. Вы могли бы float:left; на все в CSS, clear:left; на 7-м маленьком div. Обратите внимание, что вам может потребоваться открыть div, в который вы помещаете этот HTML-код. Для обратной совместимости я использую пустой div внизу и clear:left; на нем. Вы можете рассмотреть фоновое изображение на большом div справа, чтобы создать эффект границы.

Смежные вопросы