Question

我注册了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>

我想在注册表单旁边放一张图片。我尝试了，但我只能把它放在注册表格下面而不是旁边。 HELP !!!

Answer 1

为表单和float:left应用特定宽度，并使用float:right作为图片

Answer 2

将表格和图像放入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/

Answer 3

您可以尝试应用“display：inline-block;”形式和形象。

例如：

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

这是一个小提琴示例，其中包含您的表单和图像并排：http://jsfiddle.net/VE66w/

Answer 4

使用div或span在html body中创建两个容器，其中一个用于表单，另一个用于使用图像。之后应用css。

Answer 5

删除：“Formatonoválido。”

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

如果需要，请在注册字段旁边添加图片...

注册旁边的图像

5 个答案: