- 2005年12月 9日 09:57
- カスタマイズ
右側に表示していた検索(search)フォーム。 収まりが悪くて気に入らなかったので、ナビゲーションバーの中に表示しようと思いました。 HTMLの要素は、ブロック要素とインライン要素とに大別されていて、ブロック要素は表示領域の幅いっぱい取り、前後に改行が入ります。 (ちなみに、インライン=inlineは直訳すると「行内」で、行の中の文字に意味を持たせたりする要素。) 今回の「form」タグがブロック要素になりますので、改行が入ってしまうんですよね。せっかくナビバーに入れるのに、改行があって縦幅を取るのは意図に反してる。 そこで、検索の為のcssを追加してみました。
cssに以下の様に追加~。
/* 検索 */
.searchbox {
display: inline;
position: relative;
top: 0px;
left: 20px;
}
そして、「form class="searchbox"・・・」ってな具合にformに直接class指定してみちゃいました。
改行なく表示されたし。。
ま、良しとしますかね?(^-^;)
- Newer: flashカレンダー
- Older: キャナルクリスマス