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

wrap текст в конце блока
Ленча,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .input_type_radio .radio_attr_label span{
    background-image: -webkit-gradient(linear, left, right, color-stop(0, #FF00FF), color-stop(1, #0060BF));
    background-image: -o-linear-gradient(left, #FF00FF, #0060BF);
    background-image: -moz-linear-gradient(left, #FF00FF, #0060BF);
    background-image: -webkit-linear-gradient(left, #FF00FF, #0060BF);
    background-image: linear-gradient(to right, #FF00FF, #0060BF);
    color: #FFFFFF;
     margin: 10px;
  }
  .input_type_radio .radio_attr_label img{
    height: 15px;
    width: 15px;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  $(".input_type_radio .radio_attr_label").each(function(indx, el){
        $(el.lastChild).wrap("<span/>")
        });
});
  </script>
</head>

<body>
<span class="input_type_radio">
  <input type="radio" name="jshop_attr_id[2]" id="jshop_attr_id26" value="6" onclick="setAttrValue('2', this.value);">
  <label for="jshop_attr_id26">
    <span class="radio_attr_label">
      <img src="http://mike.zakaz-saita.com/components/com_jshopping/files/img_attributes/21.jpg" alt="">
      Голубой с перекладинами
    </span>
  </label>
</span>
<span class="input_type_radio">
  <input type="radio" name="jshop_attr_id[2]" id="jshop_attr_id26" value="6" onclick="setAttrValue('2', this.value);">
  <label for="jshop_attr_id26">
    <span class="radio_attr_label">
      <img src="http://mike.zakaz-saita.com/components/com_jshopping/files/img_attributes/21.jpg" alt="">
      Голубой с перекладинами
    </span>
  </label>
</span>
<span class="input_type_radio">
  <input type="radio" name="jshop_attr_id[2]" id="jshop_attr_id26" value="6" onclick="setAttrValue('2', this.value);">
  <label for="jshop_attr_id26">
    <span class="radio_attr_label">
      <img src="http://mike.zakaz-saita.com/components/com_jshopping/files/img_attributes/21.jpg" alt="">
      Голубой с перекладинами
    </span>
  </label>
</span>

</body>
</html>

Последний раз редактировалось рони, 10.03.2018 в 14:32.
Ответить с цитированием