-1

検索ボックスを希望どおりに表示するのに問題があります。

http://i39.tinypic.com/e8u8gn.jpg

私のCSSコード:

#searchform {
position: relative;
padding: 5px;
}

HTML コード:

<body class="home">
<div id="container">
<header id="masthead">
<h1><p>Testing</p></h1></header>
<nav class="nav-buttons" id="primary">
<ul>                 
<li id="search" style="padding-left:400px;">
<form id="searchform" action="http://www.Google.com/" method="get"><label class="screen-  reader-text" for="s"> 
</label><input id="s" type="text" placeholder="Type your search here" name="s" value="">  </input><input id="searchsubmit" type="submit" value="Search"></input></form></li>

</ul>
</nav>
4

2 に答える 2

0

CSS

.hey { border:1px solid #efefef; padding:7px; font:normal 14px Tahoma; }

HTML（これに変更）

<input id="s" class="hey" type="text" placeholder="Type your search here" name="s" value="">  </input>
<input id="searchsubmit" type="image" src="search.gif"</input></form></li></input>

楽しみ！

于 2013-09-07T03:00:21.617 に答える