Показать сообщение отдельно
  #2 (permalink)  
Старый 22.12.2016, 18:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,133

KEMPZOR,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body{
    background-color: #E0FFFF;
  }

  div{
      width: 356px;
      height: 310px;
    background-size: 342px 290px;
    background-repeat: no-repeat;
     background-position: 10px 16px;
  }
 .button-class-material:nth-of-type(1):checked ~ div {
   background-image: url(http://l-c.by/d/402010/d/32_ays_01.jpg);
 }
 .button-class-material:nth-of-type(2):checked ~ div {
   background-image: url(http://photostart.ru/images/1/005103.jpg);
 }
  .button-class-material:nth-of-type(3):checked ~ div {
   background-image: url(http://www.lenagold.ru/fon/tkan/tkan/beg/begtkan56.jpg);
 }

  </style>
  </head>

<body>

<input class="button-class-material" id="roll_mater_32" type="radio" name="catalmat_roll" value="2">
<label class="drinkcard-cc" for="roll_mater_32"><img class="obrazci_tkan" src="http://l-c.by/d/402010/d/32_ays_01.jpg" width="65" height="65" title="Айс 01"></label>
<input class="button-class-material" id="roll_mater_33" type="radio" name="catalmat_roll" value="2" checked="checked">
<label class="drinkcard-cc" for="roll_mater_33"><img class="obrazci_tkan" src="http://photostart.ru/images/1/005103.jpg" width="65" height="65" title="Айс 01"></label>
<input class="button-class-material" id="roll_mater_34" type="radio" name="catalmat_roll" value="2">
<label class="drinkcard-cc" for="roll_mater_34"><img class="obrazci_tkan" src="http://www.lenagold.ru/fon/tkan/tkan/beg/begtkan56.jpg" width="65" height="65" title="Айс 01"></label>

<div><img src="http://s017.radikal.ru/i420/1612/c2/4c5191812863.png" alt=""></div>
</body>
</html>

Последний раз редактировалось рони, 22.12.2016 в 19:16.
Ответить с цитированием