-1

私はHTMLでこの登録をしています:

<form class="registerForm" id="registerForm" action="./index_public.php?page=pilot_insert" method="post" enctype="multipart/form-data">
    <table>
        <tr>
            <td><span>Name</span>
            </td>
            <td><span id="sprytextfield1">
                          <label>
                            <input type="text" name="name" id="name" tabindex="1" />
                          </label>
                          <span class="textfieldRequiredMsg">*Required</span></span>
            </td>
        </tr>
        <tr>
            <td class="style1">E-mail</td>
            <td><span id="sprytextfield6">
                        <label>
                        <input type="text" name="email" id="email" tabindex="8"/>
                        </label>
                        <span class="textfieldRequiredMsg">*Required</span><span class="textfieldInvalidFormatMsg">Formato no válido.</span></span>
            </td>
        </tr>
    </table>
    <input class="btn" value=Apply name=apply type="submit" />
</form>

登録フォームの横に画像を入れたい。試してみましたが、登録フォームの下にしか配置できず、横には配置できません。ヘルプ！！！

4

5 に答える 5

1

フォームに特定の幅を適用し、画像float:leftに使用しますfloat:right

于 2013-07-02T18:12:34.640 に答える
0

「display:inline-block;」を適用してみてください。形にもイメージにも。

例えば：

<form style="display:inline-block;"></form>
<img src="someimage" style="display:inline-block;"/>

フォームと画像を並べたフィドルの例を次に示します: http://jsfiddle.net/VE66w/

于 2013-07-02T18:20:30.507 に答える
0

フォームと画像を div に配置し、「float」CSS プロパティを使用します。

 <div style="float:right">
<img src="http://assetprotectionsecured.com/wp-content/uploads/2010/12/alert_png.png">     </div>

これが実際のデモです: http://jsfiddle.net/7uUK8/1/

于 2013-07-02T18:15:27.653 に答える
0

divorを使用して、html のspan2 つのコンテナーを作成し、1 つはフォーム用、もう 1 つはイメージ用です。bodyその後、それに応じてcssを適用します。

于 2013-07-02T18:28:06.333 に答える