高手请进呀!!!!!!真要急死人了!!!!
先上代码:
<body>
<div style="width:1400px; height:710px; border:1px solid #000066; background-image:url(images/341.jpg)"><img src="images/49.jpg"alt="呀!真要急死人了!" />
<!--onload="ResizeImage(this,500)"-->
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" style="position:relative; top:50%; left:13%">
<!--style="position:relative; top:80%; left:6%"-->
<tr>
<td width="16%" align="right">用户名:</td>
<td width="25%">
<input type="text" name="textfield" id="textfield" style="width:100px;"/>
</td>
<td width="16%" align="right">验证码:</td>
<td colspan="2">
<input type="text" name="textfield2" id="textfield2" style="width:80px;"/>
</td>
</tr>
<tr>
<td width="16%" align="right">密 码:</td>
<td width="25%">
<input type="text" name="textfield2" id="textfield2" style="width:100px;"/>
</td>
<td width="16%"> </td>
<td width="18%" bgcolor="#000099"> </td>
<td width="25%" > </td>
</tr>
</table>
<table width="22%" align="center" border="0" cellspacing="0" cellpadding="0" style="position:relative; top:50%; left:12%">
<tr>
<td width="43%" align="right"> </td>
<td width="35%" align="right">
<input type="submit" name="button" id="button" value="???登录" style="height:23px; border:0; width:83px;background-image:url(images/915-1.jpg); margin-top:5px;"/>
</td>
<td width="19%" align="right">
<input type="submit" name="button2" id="button2" value="重置" style="height:23px; border:0;width:63px;background-image:url(images/915-2.jpg);margin-top:5px;"/>
</td>
<td width="3%"> </td>
</tr>
</table>
</div>
</body>
页面为100%时,效果是这样的:
页面为75%时,效果是这样的:
有谁能帮帮小弟,让页面为75%时,“用户名”和“密码”不会跑偏!!!!!
在此先谢过了!!!
[解决办法]
<div style='显示背景图片;设置宽高;position:relative'>
<table style='position:absolute;right:0;bottom:0'>
<tr><td>输入</td><td><input/></td></tr>
<tr><td>输入</td><td><input/></td></tr>
</table>
</div>