2007年6月16日星期六

表单输入框和图片按钮无法对齐问题的解决办法

  这个问题困扰了我整整一天,我刚开始的解决办法是把表单加入表格中,依靠表格来对齐,但是没有想到这个方法在ie下显示正常了,但是在firefox下面却稍微有一点歪。最后找到了现在这个完美的解决办法,其实非常简单。
  这是我搜索框的代码。<!-- SiteSearch Google -->
<form action='http://www.google.cn/custom' method='get' target='_top'>
<input name='domains' type='hidden' value='justin0842.blogspot.com'/>
<input id='sbi' maxlength='255' name='q' size='20' type='text' value='' style="background-color: #f7f7f7;border: 1px solid #cccccc;height: 18px;vertical-align:middle;"/>
<input align='bottom' id='sbb' name='sa' src='http://geuro-blog.googlecode.com/files/go.gif' type='image' value='Google' style="vertical-align:middle;"/>
<input id='ss1' name='sitesearch' type='hidden' value='justin0842.blogspot.com'/>
<input name='client' type='hidden' value='pub-2338546147193406'/>
<input name='forid' type='hidden' value='1'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input name='oe' type='hidden' value='UTF-8'/>
<input name='cof' type='hidden' value='GALT:#7DA721;GL:1;DIV:#ACE149;VLC:729A1C;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:729A1C;LC:729A1C;T:555544;GFNT:ACE149;GIMP:ACE149;LH:50;LW:371;L:http://geuro-blog.googlecode.com/files/logo.gif;S:http://justin0842.blogspot.com;FORID:1'/>
<input name='hl' type='hidden' value='zh_CN'/>
</form>
<!-- SiteSearch Google -->
  只要加上style="vertical-align:middle;"就大功告成了。

0 个无聊的人: