0

連絡先フォームのラベルと入力の位置合わせに問題があります。ヘブライ語のため、右揃えにする必要があります。これが機能しない私のコードのフィドルです。入力ボックスが整列していないことがわかります。ラベル名の長さに関係なく、すべての入力ボックスを同じサイズにする必要があります。リンクはこちらhttp://jsfiddle.net/dw4eqn91/

<form action="/contact-us/#wpcf7-f174-p7-o1" method="post" id="newFORM_1">
<div id="newDIV_2">
    <input type="hidden" name="_wpcf7" value="174" id="newINPUT_3" />
    <input type="hidden" name="_wpcf7_version" value="4.2.2" id="newINPUT_4" />
    <input type="hidden" name="_wpcf7_locale" value="en_US" id="newINPUT_5" />
    <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f174-p7-o1" id="newINPUT_6" />
    <input type="hidden" name="_wpnonce" value="607b79a577" id="newINPUT_7" />
</div>
<div id="newDIV_8">
    <p id="newP_9">
        <span id="newSPAN_10">*</span>שם מלא <span id="newSPAN_11"><input type="text" name="your-name" size="40" id="newINPUT_12" /></span>
    </p>
    <p id="newP_13">
         <span id="newSPAN_14">*</span>מייל <span id="newSPAN_15"><input type="email" name="your-email" size="40" id="newINPUT_16" /></span>
    </p>
    <p id="newP_17">
         <span id="newSPAN_18">*</span>טלפון <span id="newSPAN_19"><input type="text" name="your-subject" size="40" id="newINPUT_20" /></span>
    </p>
    <p id="newP_21">
         <span id="newSPAN_22">*</span>טלפון <span id="newSPAN_23"><input type="text" name="your-subject1" size="40" id="newINPUT_24" /></span>
    </p>
    <p id="newP_25">
    </p>
    <p id="newP_26">
        <span id="newSPAN_27"></span>
        <textarea name="textarea-863" cols="40" rows="10" id="newTEXTAREA_28">
        </textarea>
    </p>
    <p id="newP_29">
         <span id="newSPAN_30">*</span><span id="newSPAN_31"><span id="newSPAN_32"><span id="newSPAN_33"><span id="newSPAN_34">מאשר/ת רישום למאגר לקוחות</span>
                    <input type="checkbox" name="checkbox-973[]" value="מאשר/ת רישום למאגר לקוחות" id="newINPUT_35" /></span></span></span>
    </p>
    <p id="newP_36">
        <input type="submit" value="להרשמה" id="newINPUT_37" /><img src="http://www.lavierez.co.il/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." id="newIMG_38" />
    </p>
</div>
<div id="newDIV_39">
</div>

4

1 に答える 1

0

html 構造を使用します。要素を追加し、テーブルの内容を右に揃えるだけです。

于 2015-08-11T08:26:02.757 に答える