0

水平メニューがあり、それに沿って検索フォームを配置したいのですが、新しい行に左揃えで表示されます..私はhtmlに慣れていないので、基本を学ぶだけです(私の3番目のサイトで作業することは、CSSのコツをつかんだだけです) ）。

<div id="nav">
    <span class="nav">
        <a href="#" alt="$"><span id="jqFade"><img src="images/skydevUpperNav.png"></span></a>
        <a href="#" alt="$"><span id="jqFade"><img src="images/goftbUpperNav.png"></span></a>
        <a href="#" alt="$"><span id="jqFade"><img src="images/genUpperNav.png"></span></a>
        <span id="searchBox">
            <form action="#" method="get">Search
                <input type="text" name="searchGoogle" size="12" maxlength="45" />
            </form>
        </span>
</div>
4

3 に答える 3

0

使用するdisplay: inline-block;

ワーキングフィドル：

http://jsfiddle.net/wN6Ae/1/

CSS:

searchBox{
    display: inline-block;
    margin-left: 10px;

}
于 2013-04-05T01:09:11.270 に答える
0

フォーム要素はblockデフォルトで としてレンダリングされるため、検索ボックス フォームを に設定する必要がありますdisplay: inline-block;。ブロック要素をスパンでラップすることは、含まれる要素がレンダリングされる方法を変更しないため、効果的な解決策ではありません。

jsFiddle デモ: http://jsfiddle.net/Bf46a/

于 2013-04-05T01:09:29.140 に答える
0

ナビゲーションにはタグを使用する必要が<ul>あり、リスト要素のスパンは適切ではありません。リストスタイルを表示したくない場合に設定します。も閉鎖する必要があります -><li>float:left;list-style-type: none;<img><img .... />

于 2013-04-05T01:13:15.897 に答える