Question

На школьном сайте есть список классов, оформленный в виде книжной полки, где каждая книга это 2 класса, при клике на книгу она раскрывается и выпадает список классов. Далее если навести курсор на название класса (например, 1 класс) появляется всплывающее фото этого класса , но фото всплывает только в пределах книги. а так как книга по рамеру маленькая то и от фото видно только часть. как вывести всплывающее фото класса за пределы книги? сбоку например. ссылка на эту страницу: http://www.kulish16.ru/index/nashi_klassy/0-93

скриншот:

видео: http://youtu.be/Za8oRS_k1H0

Comments

Аваст ругается, на сайте вирус.

---

а какое ругательство выводит? доктор веб и яндекс вебмастер молчат.

---

Заражённый скрипт.

Answer 1

Уберите overflow:hidden; здесь

ul ul li.content {
background: #EEEEEE;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.506);
color: #444444;
font-size: 11px;
height: 190px;
left: 0px;
overflow: hidden;
padding: 40px 0px 0px;
position: absolute;
text-indent: 20px;
top: 10px;
transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
width: 0px;
}

Comments

а как теперь увеличить всплывающее окно с фото? фото сжимается под рамку 215 на 235 пикселей.

---

Здесь для ширины и высоты поставьте auto
.content img {
border: 2px solid #6B8E23;
height: 200px;
width: 200px;
}

---

еще хотелось бы устранить зловредный скрипт. не подскажете где он?