0
すべて、CSS - 私は今も上の2つの時間のために私の頭を悩まれているといただきましたコードが間違って私は見ることができない側
によって、二つのバー側を置きます。
私は上部に2つのナビゲーションバーを備えた液体レイアウトを構築しています。最初のものはうまく座っていますが、2番目のもの(id = "filem_right")はそれと並んで座っていません。私はFirebugのを見ていたし、それがfilem_right」の私のコードのいずれもが表示されない
#container {
min-width: 960px;
max-width: 1034px;
min-height: 500px;
background: rgba(245,212,13,1);
}
/* START OF MAIN MENU */
#main_bar ul {
width: 60%;
position: relative;
left: 3.2%;
border: 1px solid black;
background: rgba(153, 244,200,0.3);
}
.maintabs {
display: inline-block;
width: 25%;
line-height: 3.5em;
list-style-type: none;
}
.maintabs a {
display: block;
text-decoration: none;
color: rgb(165,165,165);
color: rgba(165,165,165,1);
text-align: center;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
}
.s_leftright {
list-style-type: none;
}
.maintabs ul {
display: none;
}
.maintabs:hover > ul {
display: inline-block;
position: absolute;
}
*/ END OF MAIN MENU */
/* START OF FILE MENU */
#filem_right {
display: inline-block;
position: relative;
width: 30%;
left: 69%;
top: 14%;
right: 3.2%;
}
.filetabs {
display: inline-block;
width: 33.3%;
overflow: hidden;
list-style-type: none;
line-height: 3.5em;
}
:ここ
はHTMLです:
<body id="container">
<div id="main_bar">
<ul>
<li class="maintabs"><a href="#">Overview</a></li><li class="maintabs"><a href="#">Collar/ Neckline</a></li><li class="maintabs"><a href="#">Sleeves</a>
<ul>
<li class="s_leftright"><a href="#">Left Sleeves</a></li>
<li class="s_leftright"><a href="#">Right Sleeves</a></li>
</ul></li><li class="maintabs"><a href="#">Body</a></li>
</ul>
</div>
<div id="filem_right">
<ul>
<li class="filetabs"><a href="#">File</a></li><li class="filetabs"><a href="#">Edit</a></li><li class="filetabs"><a href="#">Settings</a></li>
</ul>
</div>
そして、ここでCSSです'はブラウザによって表示されます(FF 3.6)。
は、ここでコメントが間違っている、
*/ END OF MAIN MENU */
は、開始時に/*
でなければならず、
ARGH !!!!あなたはとても正しいです!私は自分自身を信じることができない! CSSは私の半分が狂気になるために少なくとも2年しかかからない。百万と29リッチに感謝します。最高、 – Kayote
うわー、それは私に起こった。 Maddening。 –