Как настроить параметры для каждого модального окна в отдельности

[Vengro1973]

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

Здравствуйте.
Я новичок и никак не могу вставить нужные теги на странице 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 но из за ограничений по размеру загружаемого файла пришлось некоторыми файлами пожертвовать.

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

[d.art]

Попробуй сначала указать размер изображение в пикселях (напр. width: 250px, height: 300px; ), и только потом меняй остальные значения

[Vengro1973]

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