私が取り組んでいるサイトはhttp://cargocollective.com/amytdattaです
Running on Cargo リンクをトップ ナビゲーション バーの右側に配置しようとしています。私が使用しているテーマでは、検索ボックスが正確にそこに配置されていたので、検索を非表示にして、検索 CSS を貨物リンク CSS にコピーしようとしました。ここにあります:
.cargo_link {
float: right;
margin: 0 0 0 20px;
color: #cccccc;
padding: 0 0 0 25px;
width: 160px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 50px;
text-align: right;
border-left: 1px solid #cccccc;
}
z-index 値をいじると、Cargo リンクが再び表示されるようになりました。
とはいえ、まだ好きなところに置けません。検索ボックスの CSS は次のとおりです (今のところ表示できるようにしました)。
#search_form {
display: inline-block;
float: right;
margin: 0 0 0 20px;
padding: 0;
}
#search_form #search_term {
background: #f5f5f5;
border-left: 1px solid #cccccc;
border-top: 0;
border-bottom: 0;
border-right: 0;
color: #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: 50px;
line-height: 12px;
padding: 0 0 0 25px;
width: 160px;
}
私は基本的に、カーゴ リンクが正確に検索ボックスに置き換わることを望んでいます。どんなアドバイスでも大歓迎です!
乾杯。