Wsparcie » Wtyczki » wtyczka CLIPBOARD – button i treść w różnych wierszach

  • Rozwiązany zyga91

    (@zyga91)



    Cześć,

    Mam problem z pluginem CLIPBOARD, a mianowicie, kiedy umieszczam kod na jednej ze swoich wordpressowych stron, to guzik służący do kopiowania zawartości jest umieszczany jako nowy akapit.

    Screenshot

    Sam kod strony wygląda tak:

    [sekcja]
    [kolumna rozmiar="1/2"]
    <strong>Bla bla bla</strong>
    
    Bla bla bla
    Bla bla bla
    Bla bla bla
    
    <strong>NIP:</strong> Bla bla bla
    <strong>REGON:</strong> Bla bla bla
    [/kolumna]
    [kolumna rozmiar="1/2"]
    <strong>Nr konta dla płatności w PLN</strong>
    ING
    <p><input id="copy1" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy1">Kopiuj</button></p>
    PKO BP SA
    <input id="copy2" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy2">Kopiuj</button>
    
    <strong>Nr konta dla płatności w EUR</strong>
    SWIFT INGBPLPW
    <input id="copy3" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy3">Kopiuj</button>
    
    <strong> Dla płatności w EUR przez podmioty zagraniczne</strong>
    SWIFT INGBPLPW
    <input id="copy4" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy4">Kopiuj</button>
    
    [/kolumna]
    [/sekcja]

    Ma ktoś pomysł jak to zrobić, aby komórka i guzik były w tym samym wierszu?

Viewing 2 replies - 1 through 2 (of 2 total)
  • dla inputa i buttona ustaw w stylach display:inline-block;

    #copy1 {
    	display:inline-block;
    }
    button.btn {
    	display:inline-block;
    }

    Wrzucenie tych linijek do style.css nie pomogło.

    EDIT
    Sprawę załatwiło dodanie do inputu wartości width. Dzięki za pomoc. 🙂

    • Ta odpowiedź została zmodyfikowana 1 miesiąc temu przez  zyga91.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.