Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Элементы на странице подобно иконкам проводника

Автор: krausen 4.5.2005, 14:28

В проводнике Windows (вид крупные значки) если иконоки не вмещаются в ширину то невместившиеся иконки преходят вниз на новую строчку. Этого эффекта в HTML можно добиться если расположить в ряд несколько <IMG> аналогичным образом они будут переходить вниз на новую строчку. Но если мы хотим представить не картинки, а скажем каталог товаров или сделать аналогию проводника в странице, где будет отображаться не только картинка но и текстовая составляющая? Скажем мы хотим упорядочить <table> <table align=left> на следующую строчку не переносится Как бы такое осуществить?

Автор: dm9 4.5.2005, 22:57

http://forum.vingrad.ru/index.php?showtopic=44227

Автор: krausen 5.5.2005, 02:04

а больше варинтов ни каких нет?

Автор: dm9 5.5.2005, 07:14

И что тебе ещё надо? Тебе задачу надо решить, или варианты проколлекционировать? Можно по-другому, ИЕ онли. Надо? Не надо. Делай так, это стандартное решение: Код <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> <div style="float:left; width: 100px; height: 100px; border: 1px solid black;">1</div> Читать тут: http://www.webber.ru/articles/article.html?article_id=51

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)