Question

我正在设计一个包含两个表格的网页。我的代码是

<div>
    <table style="width: 50%; height: 377px;">
        <tr>
            <td rowspan="4"><EMBED style="margin-left:20px" SRC="nesaranodu.mp4" WIDTH="500px" HEIGHT="400px" AUTOPLAY="FALSE" LOOP="false"></EMBED> </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
               </table>
    <table style="width: 50%; height: 377px;display:inline-block;"> 
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td align="right" style="padding:0px;color:white" >mobile number:</td>
            <td><input  name="Text1" type="text" /><h3 style="color:red;"><?php echo $mnoerr;?></h3>
                                                </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td align="right" style="padding:0px;color:white">password</td>
            <td><input  name="Text2" type="password" /><h3 style="color:red;"><?php echo $passerr;?></h3>
                                                  </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td></td>
            <td ><input  name="Submit1" type="submit" value="change address" />&nbsp;
            <input onclick="document.location.href='regforswa.php'" name="Submit2" type="button" value="register" /><br/>
            <a href="fp.php" style="color:white">forgot password</a><h3 style="color:red;"><?php echo $success;?></h3></td>
        </tr>
    </table>
</div>

我希望并排显示它。我使用display：inline-block属性但它不能正常工作。请告诉我我必须做的事情。

Answer 1

http://jsfiddle.net/CHC67/

<div class=left>
//First table
</div>

<div class=right>
//Second table
</div>

<style>
    .left {
        width:50%;
        float: left;
    }
    .right {
        width 50%;
        float: left;
    }
</style>

真的应该用div而不是表来做这件事。

Answer 2

尝试在两个表上使用浮点数：

<table style="width: 50%; height: 377px; float:left;">

请务必相应地设置EMBED的宽度。否则它将增长超过50％，具体取决于显示尺寸..

html：将块标记转换为内联标记

2 个答案: