Как вствить ссылку под фото?

Ну в див картинку и текст и выравнять по центру.

или же в таблице по ячейкам всё сделать.

извеняюсь, но могли бы скинуть код, как должно быть пожалуйста?

<TD width=120> 
<div align=center><a href="http://andecor.ru/portiera.html" title=""><IMG border=0 src="images/0-port.jpg"></a></div> 
<div align=center><font face="Trebuchet MS"><a href="http://andecor.ru/portiera.html" title="">Портьеры</a></font></div> 
<div align=center><font face="Trebuchet MS"><a href="http://andecor.ru/gardina.html" title="">Гардины</a></font></div> 
</TD> 

Пример привел с вашей ссылки, но убрал лишние классы для div'ов

<TD width=120> 

<div align=center><a href="http://andecor.ru/portiera.html" title=""><IMG border=0 src="images/0-port.jpg"></a></div> 

<div align=center><font face="Trebuchet MS"><a href="http://andecor.ru/portiera.html" title="">Портьеры</a></font></div> 

<div align=center><font face="Trebuchet MS"><a href="http://andecor.ru/gardina.html" title="">Гардины</a></font></div> 

</TD> 

ставлю так получается только все фото в столбик по одному внизу идут, а надо чтобы по горизонтали хотябы по 7 фото были!

<table width="100%">

<tr>

<td width="25%">1 картинка</td>

<td width="25%">2 картинка</td>

<td width="25%">3 картинка</td>

<td width="25%">4 картинка</td>

</tr>

<tr>

<td>Текст под 1й картинкой</td>

<td>Текст под 2й картинкой</td>

<td>Текст под 3й картинкой</td>

<td>Текст под 4й картинкой</td>

</tr>

</table

а почему когда добавляю еще 4 фото ини очень близко к друг другу прижимаются, как сделать расстояние между ними чуть больше ото они видно как будто это одна фото?

<table width="100%">

<!--1я трока с картинками-->

<tr>

<td style="width: 25%; margin-right: 10px;">1 картинка</td>

<td style="width: 25%; margin-right: 10px;">2 картинка</td>

<td style="width: 25%; margin-right: 10px;">3 картинка</td>

<td style="width: 25%; margin-right: 10px;">4 картинка</td>

</tr>

<tr>

<td>Текст под 1й картинкой</td>

<td>Текст под 2й картинкой</td>

<td>Текст под 3й картинкой</td>

<td>Текст под 4й картинкой</td>

</tr>

<!--2я трока с картинками-->

<tr>

<td style="width: 25%; margin-right: 10px;">5 картинка</td>

<td style="width: 25%; margin-right: 10px;">6 картинка</td>

<td style="width: 25%; margin-right: 10px;">7 картинка</td>

<td style="width: 25%; margin-right: 10px;">8 картинка</td>

</tr>

<tr>

<td>Текст под 5й картинкой</td>

<td>Текст под 6й картинкой</td>

<td>Текст под 7й картинкой</td>

<td>Текст под 8й картинкой</td>

</tr>

</table>

Но элегантнее бы было конечно реализовать это на дивах.

а если так:

<table border="0" width="1200">

<tbody>

<tr>

<td align="center">1 картинка</td>

<td align="center">2 картинка</td>

<td align="center">3 картинка</td>

<td align="center">4 картинка</td>

</tr>

<tr>

<td align="center">Текст под 1й картинкой</td>

<td align="center">Текст под 2й картинкой</td>

<td align="center">Текст под 3й картинкой</td>

<td align="center">Текст под 4й картинкой</td>

</tr>

</tbody>

</table>

так поставил все четко встало как нужно, так правильно? а на дивах как будет?

да вы что хоть творите?

<style>
.photo{float:left;width:300px}
.photo a{display:block}
</style>
<div style="overflow:hidden;width:1200px">
 <div class="photo">
  <a href="blablabla"><img src="blablabla"/></a>
  <a href="blablabla">blablabla</a>
 </div>
 ...
</div>

И ставьте этих блоков сколько душе угодно