вопрос по верстке

как сделать так чтобы картинки шли все в 1 ряд и при достижении края авто переносились? счас я вывожу в ряд по 10 картинок и затем переношу

Цитата:

---

<table width="100%">

<tr>

<td>
<a href=&#39;/admin/PictureDetails/55&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/51666e38-1010-46ba-909a-57d35c7fd0fd_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/56&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/eee768f5-5897-4a6c-81c0-9ba7040381ba_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/57&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/2868db5b-484c-4721-91bf-ee1570b8bf51_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/58&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/847b8857-6953-4ab0-a4cc-bee998c095e1_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/59&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/be5484c1-125b-4aa9-84ee-7de8b0d5a457_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/60&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/43149cab-d3aa-4627-8375-d6f952eca41b_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/61&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/30083137-e932-4b1f-8aa4-41b990eef1cd_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/62&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/7807c622-d8e0-45ca-a627-ae9d1530bc45_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/63&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/ab51f465-5d86-44e1-8c10-c547c68d242e_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/64&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/1d80ef6d-ff06-4167-bcf1-6edcbea7692c_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

</tr>

<tr>

<td>
<a href=&#39;/admin/PictureDetails/65&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/4996afd6-e8da-42af-993d-9cc4851e0065_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/66&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/db23815d-443f-4525-be71-605b978dbe61_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/67&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/85871c4e-6f9f-410b-a2b2-98b0faad7721_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/68&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/b8f289b7-62eb-4533-9db8-9d6b62297a13_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/69&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/bdbd7fe5-2b80-4298-acdc-5da5bf76aa41_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/70&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/a562984b-94a5-4181-8472-a9eb2419aaf6_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/71&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/7ffdf59a-b351-4006-b41e-19a2aa16556b_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

<td>
<a href=&#39;/admin/PictureDetails/72&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/0592af6c-4eb8-4031-b873-09c2a84fe5e9_thumb.jpg&#39; />
</a>


[Only registered and activated users can see links. Click Here To Register...]
</td>

</tr>

</table>

---

Разместите их все в одной ячейке, подряд, как текст. При достижении края они будут перекидываться на следующую строку. И дайте отступ типа <img style="margin:5px">. И усё.

вот что вышло и не пашет

Цитата:

---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
<link rel="stylesheet" media="all" type="text/css" href="/Content/style.css" />
<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<div>


<h2>
Картинки
</h2>
<table width="100%"> <tr> <td>


<a href=&#39;/admin/PictureDetails/55&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/51666e38-1010-46ba-909a-57d35c7fd0fd_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/56&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/eee768f5-5897-4a6c-81c0-9ba7040381ba_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/57&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/2868db5b-484c-4721-91bf-ee1570b8bf51_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/58&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/847b8857-6953-4ab0-a4cc-bee998c095e1_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/59&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/be5484c1-125b-4aa9-84ee-7de8b0d5a457_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/60&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/43149cab-d3aa-4627-8375-d6f952eca41b_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/61&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/30083137-e932-4b1f-8aa4-41b990eef1cd_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/62&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/7807c622-d8e0-45ca-a627-ae9d1530bc45_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/63&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/ab51f465-5d86-44e1-8c10-c547c68d242e_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/64&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/1d80ef6d-ff06-4167-bcf1-6edcbea7692c_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/65&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/4996afd6-e8da-42af-993d-9cc4851e0065_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/66&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/db23815d-443f-4525-be71-605b978dbe61_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/67&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/85871c4e-6f9f-410b-a2b2-98b0faad7721_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/68&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/b8f289b7-62eb-4533-9db8-9d6b62297a13_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/69&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/bdbd7fe5-2b80-4298-acdc-5da5bf76aa41_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/70&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/a562984b-94a5-4181-8472-a9eb2419aaf6_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/71&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/7ffdf59a-b351-4006-b41e-19a2aa16556b_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]



<a href=&#39;/admin/PictureDetails/72&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/0592af6c-4eb8-4031-b873-09c2a84fe5e9_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]


</td></tr> </table>


[Only registered and activated users can see links. Click Here To Register...]

---

</body>
</html>[/quote]

сори.. я подпись под картинкой не заметил



[Only registered and activated users can see links. Click Here To Register...]


если бы не было подписи все было-бы проще, а так надо объеденять в дивы




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
<link rel="stylesheet" media="all" type="text/css" href="/Content/style.css" />
<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<div>


<h2>
Картинки
</h2>
<table width="100%"> <tr> <td>

<div style="margin:5px; float: left;">
<a href=&#39;/admin/PictureDetails/55&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/51666e38-1010-46ba-909a-57d35c7fd0fd_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/56&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/eee768f5-5897-4a6c-81c0-9ba7040381ba_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/57&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/2868db5b-484c-4721-91bf-ee1570b8bf51_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/58&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/847b8857-6953-4ab0-a4cc-bee998c095e1_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/59&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/be5484c1-125b-4aa9-84ee-7de8b0d5a457_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/60&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/43149cab-d3aa-4627-8375-d6f952eca41b_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/61&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/30083137-e932-4b1f-8aa4-41b990eef1cd_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/62&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/7807c622-d8e0-45ca-a627-ae9d1530bc45_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/63&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/ab51f465-5d86-44e1-8c10-c547c68d242e_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>

<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/64&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/1d80ef6d-ff06-4167-bcf1-6edcbea7692c_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>

<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/65&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/4996afd6-e8da-42af-993d-9cc4851e0065_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>

<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/66&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/db23815d-443f-4525-be71-605b978dbe61_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]

</div>

<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/67&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/85871c4e-6f9f-410b-a2b2-98b0faad7721_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>


<div style="margin:5px; float: left;">

<a href=&#39;/admin/PictureDetails/68&#39;>
<img alt=&#39;&#39; src=&#39; /images/gallery/b8f289b7-62eb-4533-9db8-9d6b62297a13_thumb.jpg&#39; style="margin:5px"/>
</a>


[Only registered and activated users can see links. Click Here To Register...]
</div>





</td></tr> </table>


[Only registered and activated users can see links. Click Here To Register...]

</div>
</body>
</html>

«Вопрос по верстке» переехал в тему «Верстка».

Цитата:

---

а так надо объеденять в дивы

---

Только, наверно, все-таки не в дивы, а в пункты неупорядоченного списка (li). Кроме того, совсем не помешает откзаться от инлайн-стилей (вынести их в отдельный CSS-файл) и избавиться от никому не нужных
посредством display: block; для изображений или ссылок.

Согласен. Но у [list] и <LI> много параметров. Объяснять долгл :blush: