Question

Скриншот - http://prntscr.com/6ysfg2

тоесть убрать надпись сверху изображения, увеличить изображение и расположить его как нарисованный прямоугольник.. пробовал уврать надпись - исчезает изображение. Увеличивал количество символов в надписи - увеличивалось изображение, но уходило вниз. Помогите пожалуйста!

Answer 1

html код:

 <p>На этом сайте Вы можете выбрать и приобрести красивые плюшевые (и не только) игрушки практически по оптовой цене. Почему здесь дешевле? Все из - за того что я не ИП и не плачу акциз, НДС и прочие налоги, не плачу за аренду торговой точки, зарплаты продавцам, не увеличиваю цену, чтобы было с чего делать скидки и т.п. Отсутствие всего этого снижает стоимость игрушки в два раза. По поводу качества. Все игрушки, которые предоставлены в каталоге я выбирал лично, значит здесь небудет игрушек <a class="thumbnail" href="#">такого<span><img src="/images/1212.jpg" width="300"/></span></a>, <a class="thumbnail" href="#">такого<span><img src="/images/121.jpg" width="300"/></span></a> или даже <a class="thumbnail" href="#">такого<span><img src="/images/12.jpg" width="300"/></span></a> вида. Каталог со временем только пополняется. Если Вам понравилась какая либо игрушка, свяжитесь с мной по контактам, указанным на сайте (обговорим место встречи, детали покупки и т.п.). Приятного Вам выбора!</p>

 

css код:

/*Всплывающий скриншот*/ 
 .thumbnail{ 

 z-index: 0; 
 } 
 .thumbnail:hover{ 
 background-color: transparent; 
 z-index: 50; 
 } 
 .thumbnail span{ /*CSS for enlarged image*/ 
 position: absolute; 
 background-color: #3d3d3d; 
 padding: 5px; 
 left: -1000px; 
 border: 1px solid white; 
 visibility: hidden; 
 color: Yellow; 
 text-decoration: none; 
 border-radius: 4px 4px 4px 4px; 
 -moz-border-radius: 4px 4px 4px 4px; 
 -webkit-border-radius: 4px 4px 4px 4px; 
 } 
 .thumbnail span img{ /*CSS for enlarged image*/ 
 border-width: 0; 
 padding: 2px; 
 } 
 .thumbnail:hover span{ /*CSS for enlarged image on hover*/ 
 visibility: visible; 
 bottom: -120px; 
 left: 80px; /*position where enlarged image should offset horizontally */ 
 } 
 /*---------------------*/

 

Answer 2

Перейти в таблицу стилей CSS строка номер 516:

.thumbnail {
position: relative;
z-index: 0;
}

Удалите выделенное красным.

Comments

Чтобы убрать надпись, отредактируйте код:

<span>фото 2<img src="/images/121.jpg" width="500"></span>

Красное удалите. В дальнейшем, если берете сторонний скрипт, спрашивайте сразу же на сайте у автора который написал скрипт.

---

Если он удалит position: relative;, то изображение не будет появляться там, где он хотел, а оно будет появляться прям под мышкой

---

как-бы с вашего ответа последовало что-то иное, аналогично с данных стилей relative удален)) Ладн, вопрос как-бы решили и отлично.