1
こんばんはみんな、- LOT試みがあります - 常に
これは、このウェブサイト上の私の最初の時間ですが失敗したので、私は本当にひどくこれを行う場合、私はお詫び申し上げます。
まず最初に、私はワードプレスで使用するように設計されたウェブサイトを持っています。問題は、水平方向のナビゲーションを一番上に表示したいのですが、今は2列目に落ちているようだ...私は悲しい。
私は、個々のボタンを小さくしてから、中央に置くことで、視聴者が使用していない（インパクトの）ものがなくても、落ちるのとは対照的に、それらがどのように中心に置かれているかを調整する。
私はこれをDAYSに行う方法を見つけようとしましたが、繰り返し失敗しました。私はコード変更をテストするためにfirefoxと "firebug"を使用します。私はこの作業を行う方法を見つけることができません。
ウェブページはhttp://www.crapcast.comで、コードはロゴの下のページの一番上に表示されます。現在のページの使用状況を満たすようにフォーマットされている現在のCSSを追加します（ただし、古いブラウザや電話ブラウザでは2行表示される傾向があります）。
#navigation {
float:left;
position:relative;
z-index:9999;
}
#navigation ul {
font-family:Impact,Charcoal,Times New Roman;
font-size:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navigation li {
float:left;
position:relative;
}
#navigation li a {
float:left;
letter-spacing:2.45px;
padding:15px;
text-decoration:none;
}
#navigation .main_category {
background-position:center top;
background-repeat:no-repeat;
}
#navigation .active {
background-position:0 10px;
background-repeat:no-repeat;
}
#navigation li.current-menu-item, #navigation li.current-menu-ancestor, #navigation li.current-post-parent, #navigation li.current-menu-parent {
background-position:0 10px;
background-repeat:no-repeat;
}
#navigation ul li ul {
display:none;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:50px;
width:230px;
}
#navigation ul li ul li a {
padding:15px 0 15px 36px;
width:194px;
}
#navigation li a.odd {
background-position:18px 23px;
background-repeat:no-repeat;
text-transform:uppercase;
}
#navigation li a.even {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#212121 url(../images/navigation_dot.gif) no-repeat scroll 18px 23px;
}
#navigation li a.odd:hover, #navigation li a.even:hover {
background-position:18px 23px;
background-repeat:no-repeat;