Форум программистов [Powered by Invision Power Board]

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

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

Автор: maxipub 30.7.2010, 12:12

Как выравнять так:

Код


<div align="justify">
    <img src="" width=100 height=100 border=1 />
    <img src="" width=100 height=100 border=1 />
    <img src="" width=100 height=100 border=1 />
</div>

Ну в смысле, чтоб оно работало? smile

Автор: bars80080 30.7.2010, 13:29

в смысле выравнено? таб перед img поставить? так это на функциональность не влияет

Автор: maxipub 30.7.2010, 13:32

bars80080, я про align="justify"

Автор: bars80080 30.7.2010, 13:53

у, как глубокомысленно. выровнять три картинки по ширине? да ещё чтоб крайние на поля пришлись?

имхо, засунуть всё дело в таблицу и назначить разные классы ячейкам. 100% вариант

Код


<div><table class="t1"><tr>
    <td class="q1"><img src="" /></td>
    <td class="q2"><img src="" /></td>
    <td class="q3"><img src="" /></td>
</div>

Код


.t1 { width: 100%; }
.t1 img { width: 100px; height: 100px; border: 1px; }
.q1 { text-align: left; }
.q2 { text-align: center; }
.q3 { text-align: right; }

Автор: maxipub 30.7.2010, 14:18

bars80080, вариант, благодарю. smile

Автор: maxipub 30.7.2010, 14:46

ЗЫ: а если таких картинок больше 3? smile

Автор: ksnk 30.7.2010, 15:19

Цитата(maxipub @ 30.7.2010, 12:12

)

Как выравнять так:
....
Ну в смысле, чтоб оно работало?

А что значит - работало? imho и так работает... картинки-то отображаются? smile