+ Ответить в теме
Показано с 1 по 2 из 2

Тема: :1198: Подскажите пожалуйста! как добавить input text в определенную область svg

  1. #1

    :1198: Подскажите пожалуйста! как добавить input text в определенную область svg

    есть код свг
    ------------------------------------------------------
    <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <g>
    <title>card</title>
    <rect stroke-opacity="0" id="svg_1" height="218.66667" width="408" y="149.33333" x="154.66667" stroke-width="5" stroke="#000000" fill="#666666"/>
    <rect stroke="#000000" id="svg_2" stroke-opacity="0" height="218.66667" width="408" y="122.66666" x="64" stroke-width="5" fill="#969494"/>
    <rect stroke-opacity="0" id="svg_9" height="34.66667" width="289" y="149.66667" x="100.33333" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff" stroke="#000000" />
    <rect stroke="#000000" id="svg_11" stroke-opacity="0" height="34.66667" width="349.99999" y="275" x="99.00001" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff"/>
    <rect stroke="#000000" id="svg_12" stroke-opacity="0" height="32" width="93.33333" y="215.66667" x="98.66666" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff"/>
    <rect id="svg_13" stroke="#000000" stroke-opacity="0" height="32" width="93.33333" y="216" x="211.66666" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff"/>
    <rect stroke="#000000" id="svg_14" stroke-opacity="0" height="30.66667" width="66.66667" y="281.33333" x="483.66667" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff"/>
    <image xlink:href="http://pngimg.com/uploads/visa/visa_PNG14.png" id="svg_15" height="64" width="96.33333" y="196.3333" x="373.66667"/>
    <rect fill="#020000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" x="472" y="181" width="90" height="37" id="svg_3" stroke="#000000"/>
    </g>
    </svg>
    -----------------------------------------------------------
    как мне в область информации о владельце карты вставить инпут текст. чтобы это смотрелось как на нормальных сайтах

  2. #2
    Делай так

    <div style="position: relative">
    <svg/>
    <input style="position: absolute; top: 0";
    </div>

+ Ответить в теме

Похожие темы

  1. Ответов: 0
    Последнее сообщение: 14.11.2019, 10:37
  2. Ответов: 1
    Последнее сообщение: 28.08.2011, 18:49
  3. javascript vs input text value
    от SilverCross в разделе JavaScript
    Ответов: 3
    Последнее сообщение: 09.08.2011, 21:35
  4. input text and radio
    от SilverCross в разделе JavaScript
    Ответов: 3
    Последнее сообщение: 20.07.2011, 11:19
  5. как добавить из select в text
    от linuxoid в разделе HTML
    Ответов: 1
    Последнее сообщение: 02.06.2010, 15:15

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения