Question

html中，表单的布局，左边是搜索框，右边是button，但是很明显的，他们错位了 现附代码，望帮助

<form action="search.php" method="get" align="center">
<input type="text" name="searchtext"
style="fontsize:30px;border:none;background:url(src/searchtext.bmp);width:530px;
height:54px; "/>
<input type="image" value="Search" src="src/searchbutton.bmp" /><br>
</form>
注，图片是没有问题的，完全匹配的

Answer 1

你那个search是个按钮吧。
你也给他加个背景色就行，这样就不会跑偏了。它是浏览器兼容性问题：
你最好把图片格式改成jpg形式的，不然在ie下就不显示了。在火狐里是正常的。
<form action=" method="get" align="center">
<input type="text" name="searchtext" style="border:none;background:url(src/searchtext.jpg);width:530px; height:54px;"/>
<input type="button" value="dd" style="cursor:pointer; border:none;background:url(src/searchbutton.jpg); width:87px; height:47px;"/>
</form>
上面这个改好之后，第二个input中的value值，不可去掉否则在360下就又不对了。（如果不想让它的字显示在图片上面的话，可以将字体颜色设置的和背景颜色一样就行）
希望对你有帮助。

Answer 2

<input type="text" name="searchtext"
style="fontsize:30px;border:none;background:url(src/searchtext.bmp);width:530px;
height:54px; line-height:54px; vertical-align:middle"/>
<input type="image" value="Search" src="src/searchbutton.bmp"
style=" vertical-align:middle"
/>

会好使的，看明白了吗

Answer 3

你给form宽高 高度就是55px 宽度是他们两个之和(算上margin的距离), 这个你应该懂, 再不行给他们两个浮动