[Только зарегистрированные пользователи могут видеть ссылки. ]

Здравствуйте.
Я новичок и никак не могу вставить нужные теги на странице Cotga_r.htm для настройки ширины и высоты каждого модального окна к каждой картинке в отдельности. Из за того, что фотки по ширине и высоте в разнобой получается, что одно модальное окно влезает в рамки экрана, а другое нет.

Вот в этом куске:

<a href="#x" class="overlay" id="win1"></a>
<div class="popup">
<img class="is-image" src="Catalog/Cotga/1307 Hudoznik cotga uly.jpg" />
<a class="close" title="Закрыть" href="#close"></a></div>

в файле Cotga_r.htm для каждой фотки я так понимаю нужно вставить нужный тег чтоб размеры модального окна можно было бы задавать независимо.



В самом файле style-modal.css в куске:

.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
width: 100%;
min-width: 10%;
max-width: 30%


Задается только ширина.

Играя этими параметрами я так и ничего путного не добился.

Фалы прилагаются в архиве 11.zip но из за ограничений по размеру загружаемого файла пришлось некоторыми файлами пожертвовать.

Очень надеюсь на Вашу помощь.