Ряд картинок по ширине рдива

[jaga hee]

Посоветуйте, как проще расположить картинки в <div> в ряд, а когда заканчивается <div> по ширине, переносились на следующую строку.

Сложность заключается в том, что картинок неизвестное количество. Иначе все было бы довольно просто с помощью таблиц. А тут никак не могу придумать.

[Justnewone]

Посоветуйте, как проще расположить картинки в <div> в ряд, а когда заканчивается <div> по ширине, переносились на следующую строку.

Сложность заключается в том, что картинок неизвестное количество. Иначе все было бы довольно просто с помощью таблиц. А тут никак не могу придумать.

дисплей:инлайн

[jaga hee]

Это к родительскому диву или к картинкам?

[psywalker]

а я вообще не понял вопроса, почему у тебя картинки изначально в ряд не становятся, ведь они по дефолту инлайн элементы?

[Justnewone]

а я вообще не понял вопроса, почему у тебя картинки изначально в ряд не становятся, ведь они по дефолту инлайн элементы?

потому что каждая обернута в див

[psywalker]

потому что каждая обернута в див

а тогда обычный флоат какой нить не спасает чтоли?

Автор, флоат для блоков div

[jaga hee]

echo "<div style=\"width:98%;display:inline;\">";

for ($i=1;$i<=$rows;$i++)

{

echo "<img src=\"$imagepath\">";

}

echo "</div>";

Я вас правильно понял? сделал так - все равно в ряд выстраиваются. а последняя на второй ряд переходит.

[Justnewone]

echo "<div style=\"width:98%;display:inline;\">";

for ($i=1;$i<=$rows;$i++)

{

echo "<img src=\"$imagepath\">";

}

echo "</div>";

Я вас правильно понял? сделал так - все равно в ряд выстраиваются. а последняя на второй ряд переходит.

width:98% - это в каком смысле? если элемент почти всю ширину занимает, как он может кого-то еще на стоку пустить? Это раз.

Два: При display:inline; ширина по идее не должна примениться, вобщем, давайте-ка на какой-нить хостинг выкладывайте и ссылку сюда.

[jaga hee]

width:98% - это в каком смысле? если элемент почти всю ширину занимает, как он может кого-то еще на стоку пустить? Это раз.

Два: При display:inline; ширина по идее не должна примениться, вобщем, давайте-ка на какой-нить хостинг выкладывайте и ссылку сюда.

http://velotrack.spb.ru/?con=fot&album...%BE%D0%B2%D0%B0

[Justnewone]

http://velotrack.spb.ru/?con=fot&album...%BE%D0%B2%D0%B0

Если Вы про нижний ряд в галерее - у меня выстроилось.

Кстати, засада по юзабилити, прокрутка ряда картинок не должна тянуть за собой большое изображение в фокусе

[jaga hee]

Если Вы про нижний ряд в галерее - у меня выстроилось.

Кстати, засада по юзабилити, прокрутка ряда картинок не должна тянуть за собой большое изображение в фокусе

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

[Justnewone]

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

Ну так это... Я чесно говоря думал про гориз. ))))

Просто оберните в DIV, вообще без стилей.

Или самой ссылке без оборачивания сказать display:block, но это менее предпочтительный вариант, как новичку- оберните дивами без всяких вообще стилей.

[jaga hee]

Ну так это... Я чесно говоря думал про гориз. ))))

Просто оберните в DIV, вообще без стилей.

Или самой ссылке без оборачивания сказать display:block, но это менее предпочтительный вариант, как новичку- оберните дивами без всяких вообще стилей.

Большое спасибо! Только там еще флоат:лефт нужно было к этим дивам добавить. А так все ок.