添加了padding-left的<input />是一个太大的超链接

时间:2012-04-30 12:41:31

标签: php css html input

我正在尝试将搜索按钮放在我的网站上:http://testowa.portalo.pl

似乎使用padding-left定位得很好,但是左边的空间(由Google提供动力)不应该作为超链接工作实际上是一个很大的超链接。如何纠正这个?

<form method="get" action="search.php" target="_top">
<input type="text" id="Szukaj" style="margin-top:42px; width: 563px;" name="q" size="107" maxlength="155" value="Wyszukiwarka" onfocus="onfocus=clearDefault(this)"/>
<label style="display: none">Prześlij formularz wyszukiwania</label>
<input type="image" src="files/szukaj.gif" id="Szukaj_Button" style="padding-top:36px; padding-left:500px; position:absolute"/>     
<input type="hidden" name="cx" value="<?php include("ustawienia/google_search.inc.php");?>" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<input type="hidden" name="cof" value="GALT:#CC0000;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0066CC;LC:0066CC;T:333333;GFNT:0066CC;GIMP:0066CC;FORID:11" />
<input type="hidden" name="hl" value="pl" />
</form>

1 个答案:

答案 0 :(得分:1)

请勿使用 padding-left ,使用 margin-left 。填充会添加到您正在设计的对象内部。保证金增加到外面。看看CSS Box模型以便更好地理解:http://www.w3schools.com/css/css_boxmodel.asp