私はしばらく何かについていました。私のウェブサイトのメニューを広げて、そこに座っているディビジョンを埋める方法は?
私は編集したcss playのメニューを持っています。私はそれを私の本体のdiv(幅980px)で全幅にし、スペースを埋めるためにメニュー見出しを広げたいと思っています。
現在のところ、それはちょうど中央にあり、メニューの両側に隙間があります。
私はそれをここに置いて、あなたは私が何を意味するか見ることができます! http://nugrafik.com/menu_test_delete.html
私はマージン/パディングなどで手を出すことで不正行為を試みましたが、それほど正しくは見えません。
誰でも手伝いできますか?
CSS:
.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}
.menu {
display:table-row;
padding:0;
margin:0;
list-style-type:none;
white-space:nowrap;
font-family: Helvetica, Verdana, Tahoma;
color: #333333;
}
.menu li {display:inline;}
.menu a, .menu a:visited {
display:block;
float:right;
padding:3px 11px;
color:#666666;
background:#e0e0e0;
border:1px solid #fff;
text-decoration:none;
}
.menu a:hover {
color:#fff;
background:#c1d045;
}
#wrapper2 {
text-align:center;
font-family: Helvetica, Verdana, Tahoma;
color: #333333;
}
#wrapper2 .holder {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: center;
}
#mainbody {
background-color: #66CCFF;
height: 400px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
はHTML:
<body>
<div id="mainbody">
<div id="wrapper2">
<div class="holder">
<ul class="menu">
<li><a href="#nogo">Contact</a></li>
<li><a href="#nogo">Links</a></li>
<li><a href="#nogo">Scholarships</a></li>
<li><a href="#nogo">Organizers</a></li>
<li><a href="#nogo">Abstracts</a></li>
<li><a href="#nogo">Accommodation</a></li>
<li><a href="#nogo">Venue</a></li>
<li><a href="#nogo">Scientific Program</a></li>
<li><a href="#nogo">Home</a></li>
</ul>
</div>
</div>
</div>
</body>
質問タイトルの「CSS/HTMLヘルプお願い」は不要です。タグ付けは、コミュニティに質問が関連していることを教えてくれるので、SOコミュニティが協力してくれます:)あなたの署名を編集したので、自動的にあなたの投稿に署名します。 – supertopi