Andrew: подскажи пожалуйста, вот при клике по "Название фильма #" открывается левый блок.
И если посмотреть исходный код при переключении активному диву с классом film-desc добавляется стиль display: block; а остальным display: none;
При клике на "Закрыть", левая часть закрывается, но последний просматриваемый блок с классом film-desc остаётся display:block . Как сделать так, что бы при клике на "закрыть" у всех дивов в левом блоке с классом film-desc было display:none;
Александр Таратин: блин, я как-то не додумался до такого)) Спасибо конечно за интересное решение. Но я пытаюсь освоит js, по этому все поставленные задачи стараюсь решить с помощью него а не css)
Александр Таратин: фишка в том, что при наведении на левый блок, полупрозрачный должен появляться на правом блоке.
То есть эффект происходит не с тем элементом на который мы наводим курсор, а с соседним.
Этот вариант не совсем подходит. Так как там по мимо самих блоков ещё в нутри есть элементы которые тоже растягиваются.
Да и типа при наведении на одну сторону она увеличивается, а на другой которая уменьшается появляется блок полупрозрачный с position:absolute, что бы типа маленькую сторону затмить и всё внимание было на большую... В общем я начале я так и думал сделать ячейками, но в пришёл к js
Ух ты, круто, давно искал что-то типа такого, но что-то не находил, думал не существуте такой фишки для размера текста)) Спасибо тебе, теперь буду юзать на адаптивных сайтах.
Ну так вам же нужно было что бы в блок вмещалось. Вот оно вмещается)
А почему нельзя просто вставить картинку задать её размеры и отцентровать.
Именно не фоном а просто картинку.