Без создания таблицы фото в ряд не поставить?

А что не получается без таблиц? Можно div'ами с float:left или списки с display:inline-block

nomads, честно говоря мне удобнее сделать с таблицей.

Но я вот смотрю, многие применяют дивы. Сам я врят ли смогу такие сделать. Вообще для ПС - таблицы - очень плохо или делать с таблицей и не париться?

---------- Добавлено 12.02.2012 в 14:23 ----------

с дивами не понимаю, как подпись под фото ставить...

Делайте как удобно, главное чтобы пользователь в браузере все нормально видел.

Я обычно делаю списками с display:inline-block

Выглядит приблизительно так:

<ul>

<li><img src="" alt="" /><p>Подпись</p></li>

<li><img src="" alt="" /><p>Подпись</p></li>

...

</ul>

ul li {display:inline-block;vertical-align:top;list-style:none, ... остальные параметры}

Ну это кратко, там еще пару хаков для браузеров надо, они есть в сети.

таблицы не всегда зло :) , тем более если как мне кажется в данном случае они здесь как нельзя к стати

К примеру так можно (тот же вариант, что указал nomads, только с выравниванием блоков по центру):

HTML:

<div class="1">

<div class="2"><img src="" />Подпись к картинке</div>

<div class="2"><img src="" />Подпись к картинке</div>

..............

<div class="2"><img src="" />Подпись к картинке</div>

</div>

CSS:

div.1 {

text-align:center;

}

div.2 {

display:inline-block;

vertical-align:top;

width:???px;

}

width, margin и padding к элементам подобрать по обстоятельствам. Если подписи к фото условно одинакового размера, то для красоты можно задать блокам фиксированную высоту.

Чтоб было понятнее с кодом, вот пример: ТЫНЦ - внизу страницы под заголовком "Фотографии"

Так же если важен IE7, для него нужны дополнительные "костыли"

Ещё один вариант, более расширенный, если хотите по 3 фотографии выводить.

вставить этот кусок до </head>

<style>

.imgfl{float: left;margin-left: 10px;text-align: center}

.clear{clear: both;}

.over{overflow: hidden;}

</style>

вставить этот кусок внутри body:

<div class="over" >

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

</div>

<div class="clear" ></div><div class="over" >

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

<div class="imgfl" >

<img src="#" alt="" />

<br />

<span>Подпись к картинке</span>

</div>

</div>

<div class="clear" ></div>

Надеюсь, что это поможет!

Успехов в верстке.

Дивы удобны тем, что сами выстраиваются под любую ширину экрана. Таблицы удобны тем, что легко манипулировать позицией объектов, хотя в итоге при большом количестве объектов код получается обширным.

"Диназавровый" способ кодирования:

<style>

    .images{

        float:left;

    }

</style>

<div class="images">

    <table>

        <tr>

            <td><img src="img.png" alt="Картинка" /></td>

        </tr>

        <tr>

            <td>Подпись картинки</td>

        </tr>

    </table>

</div>

<div class="images">

    <table>

        <tr>

            <td><img src="img.png" alt="Картинка" /></td>

        </tr>

        <tr>

            <td>Подпись картинки</td>

        </tr>

    </table>

</div>

.....

и т. д. сколько нужно.

Примеры реализации http://www.acmodasi.ru/profiles/ или http://www.acmodasi.ru/actors/

Для ПС - без разницы.