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

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

[Hispanic]

overflow:hidden

[Vengro1973]

Спасибо большое за ответ Hispanic, а не подскажите куда вставлять overflow:hidden

[mamon-88]

проше всего вам привести фотки к общему размеру в фотошопе

[Hispanic]

Сообщение от Vengro1973

Спасибо большое за ответ Hispanic, а не подскажите куда вставлять overflow:hidden

У меня что то не отображаются картинки из архива. overflow:hidden это контент может заходить за края, то есть если width меньше чем height то будет все в порядке, я в таких случаях еще использую background-size:cover это работает 100% если есть возможность реализовать

[Vengro1973]

Вот Hispanic ссылка - yenilhyzmat.com/Acar_r.htm там всё понятно.

mamon-88 у меня этих фоток намечается аж под 5000 и фоткую к тому же не я, так что в любом случае не вариант.

Добавлено через 1 минуту

Так в куске

.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%

почему то отсутствует параметр - height
пробовал его тоже вставлять ничего путного не вышло

[mamon-88]

Сообщение от Vengro1973

Вот Hispanic ссылка - yenilhyzmat.com/Acar_r.htm там всё понятно.

mamon-88 у меня этих фоток намечается аж под 5000 и фоткую к тому же не я, так что в любом случае не вариант.

Добавлено через 1 минуту

Так в куске

.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%

почему то отсутствует параметр - height
пробовал его тоже вставлять ничего путного не вышло

выложите в архиве три первых фото. которые должны быть на ваше сайте. я постараюсь вам помочь

[Vengro1973]

Вот три фотки из архива. Как Вы просили.

[Vengro1973]

Прикол и в том еще, что если смотреть на смартфоне к примеру то приходится вертеть телефон чтоб картинка поместилась. То есть нету авто формата. То есть фотки расположенные горизонтально помещаются в экран и смартфона и обычного экрана компьютера, а те что вертикально уже нет.

[mamon-88]

Сообщение от Vengro1973

Вот три фотки из архива. Как Вы просили.

тебе надо просто задавать одну ширину для всех изображений. на пример width="90"