как поправить на главной странице выезд за границы

[96db 0]

Скажите пожалуйста как поправить на главной странице выезд за границы.

На изображении показал проблему.

картинка

http://description.jino.ru/%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F.gif

[Bububu 0]

По снимку ничего сказать не возможно. Точнее слишком много что можно сказать (причин этому много), поэтому либо дайте ссылку на страницу, либу покажите её html-код (хорошо бы ещё и css).

[support 447]

Места не хватает.

Сделайте картинки в две строки.

[Bububu 0]

Посмотрел ваш сайт по ссылке из привата.

Причина проблемы:

У вас там используется таблица для выравнивания этих картинок.

Вам нужно отказаться от неё, потому что таблицы хоть и могут иметь ширину динамическую (в %-х) и при расширении окна браузера могут  расширяться "до бесконечности", то при сжатии окна они могут сжиматься только до суммарной ширины включённых в них элементов. В вашем случае это ширина картинок. Сузить таблицу больше чем суммарная ширина картинок в одном ряду не получится - она зафиксируется на этом размере, поэтому вам надо отказаться от таблицы.

Решение:

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

Пример решения:

HTML-код страницы ниже. Показаны два элемента. Для большего количества - просто размножьте его. <a href="#"></a> - ссылки если не надо уберите, если надо - впишите URL.

<dl class="MyMPitem">
<dt class="MyMPitemImage">
<a href="#"><img src="images/valena00.jpg" alt="legrand valena" hspace="5" vspace="5" border="0" /></a><br />
<a href="#">Серия Valena</a>
</dt>
</dl>
<dl class="MyMPitem">
<dt class="MyMPitemImage">
<a href="#"><img src="images/valena00.jpg" alt="legrand valena" hspace="5" vspace="5" border="0" /></a><br />
<a href="#">Серия Valena</a>
</dt>
</dl>[/code]



для stylesheet.css . Необходимые параметры (высота, ширина, шрифт и т.п.) подстройте под свои потребности

[code]dl.MyMPitem {
 width: 212px; 
 float: left;
 height: 170px;
 background: transparent;
}

dt.MyMPitemImage {
 float: left;
 width: 210px; 
 background: transparent;
 padding: 5px 5px 0px 5px;
 text-align: center;
 } 

[96db 0]

Спасибо все получилось!

[Bububu 0]

Успехов!