请教一个布局的问题

[stanley8315]

现在有一个表格，最后一行的td内容是reset和submit两个键，原来都使用<input>的格式，两个键一左一右排列，但是后来修改了下，reset仍然使用<input>格式，而submit使用了<a></a>的格式，然后两个键显示的效果就是分为2行了，哪位高手能帮我解决下这个问题。
<tr>
<td colSpan="2" width="470">
<input type="reset" id="btnReset" value="重置" class="rbutton" />
   
<a href="javascript:form();"class="shortButton">登录</a>
</td>
</tr>
我的代码如上。

[stanley8315]

不好意思，好象还是不行，登陆还是在下一行。

[i2ibm]

我試了下，啥也不用也能齊行，注意是不是你的表格寬度不夠，或者把寬度先刪除

[西安风影]

<input>和<a>元素都属于inline类型
所以默认肯定是一行

注意你这两个class格式
<input type="reset" id="btnReset" value="重置" class="rbutton" />
   
<a href="javascript:form();" class="shortButton"> 登录 </a>

给第一个class="rbutton"
添加一个属性
display:inline

[zing02223]

<a href="javascript:form();"class="shortButton"> 登录 </a>
这个是用display做的伪submit按钮吧
如果要把input和伪submit对齐,会用到float.
如果用了float,中间就不能用 空格间距,建议在a标签上加margin-left: 1.5em; display:inline;

[cloudgamer]

这个跟你的样式有关啊
<a href="javascript:form();"class="shortButton" style="display:inline;"> 登录 </a>
这样看看吧