Jump to content

tarasishhe

Neophyte
  • Posts

    1
  • Joined

  • Last visited

tarasishhe's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div><style>.hvr{border: 1px double #cecccc;padding: 5px;background: #F7F7F7}.hvr:hover{border: 1px double #cecccc;padding: 5px;box-shadow: 0 0 3px;background: #F7F7F7}</style><div class="fotorama" data-loop="true" data-nav="thumbs" data-allowfullscreen="true" data-shadows="true"> <img src="https://pp.vk.me/c310625/v310625354/8e55/IP9JS3Zc7Zo.jpg"> <img src="https://pp.vk.me/c310625/v310625354/8e5c/ns4wnXDjYPc.jpg"></div><div style="text-align:center;font-family: Verdana; font-size: 14px; color: red"><a style="color:#cc0000; text-decoration:none">Характеристики</a></div><div id=hidden_1 style="display:block;height:255px;width:260px;background-color:white;margin: 0 auto;border: 1px solid #cecccc;padding: 5px;text-align:center;font-family: Verdana; font-size: 14px; color: black"> <p><b>цвет: </b>черный </p><p><b>производитель:</b> Таиланд </p><p> <b>механизм:</b> кварцевый </p> <p><b>стекло:</b> минеральное </p><p> <b>корпус:</b> полимер и сталь </p> <p><b>водонепроницаемость: </b>200 м </p><p><b>солнечная батарея: </b>есть </p><p> <b>ремешок:</b> полимер </p> <p><b>тип:</b> мужские</p> <p><b>гарантия: </b>12 месяцев</p></div><div style="text-align:center;font-family: Verdana; font-size: 14px; padding: 2px; color: #49a411"><a style="color:#49a411; text-decoration:none">Есть в наличии</a></div> </div>Вот предложенное решение: .sloi1 { position: relative; overflow: hidden;}.sloi2 { position: absolute; top: -2px; bottom: -2px; width: 100%; background: url(http://10na10.com.ua/catalog/view/theme/elegantcart/image/promo.png) top right no-repeat; z-index: 1;}<div class="sloi1">Текст<div class="sloi2"></div></div>Возможно .sloi1 в моем случае - это .hvr Нужно скомпоновать эти 3 куска в 1. Простите за недоформатирование. Заранее благодарен.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy