-1
ボタンを追加しようとしていますが、私が探している結果を得ることができません。リンクテキストにボタンベースをラップしますか？
次の画像は、私がやろうとしていますものですが、複製することはできません。
と私が得る結果は次のとおりです。
更新
：私の質問使用されているCSSコードをさらに追加してください。
ありがとうございました。
.img-banner{
\t margin-left:auto;
\t margin-right:auto;
\t display:inline;
}
body{
\t position:relative;
\t background-color:white;
\t margin: 0;
\t padding: 0;
}
ul{
\t list-style:none;
}
a{ \t
\t color: white;
\t text-decoration: none;
\t font-family: Sherwood !important;
}
.navbar-buttons{
\t padding-top:20px;
\t padding-right:20px;
\t text-align:right;
\t list-style:none;
\t margin:0 auto;
\t overflow:hidden;
\t <!---background-image: url(./img/Banner.jpg);--->
\t width:100%;
}
#wrapper {
\t width: 940px;
\t height:100%;
\t margin: 0 auto;
}
#banner-wrapper{
\t display:block;
\t padding:0;
\t margin-left:auto;
\t margin-right:auto;
\t background:#FFF;
\t background-image: url(./img/Banner.jpg);
\t height:14.6%;
\t padding-bottom:44px;
}
img.no-border{border: 0;}
.img-banner{
\t margin-left:auto;
\t margin-right:auto;
\t display:block;
}
#sidebarleft{
\t width: 30%;
\t padding-top: 58px;
\t padding-right: 20px;
\t display:inline;
\t float:left;
}
#sidebarleft ul.menu{
\t list-style:none;
\t padding:0;
\t margin:10px 0 10px 15px;
}
.leftbuttons{
\t background-image: url(./img/Button_1.jpg);
\t background-repeat:no-repeat;
\t padding:20px 20px;
}
.leftbuttons a{
\t color:grey;
\t vertical-align:center;
}
.aligntext{
\t vertical-align:center;
\t text-align:left;
}
#sidebarright{
\t float:right;
\t width: 30%;
\t padding: 0; marign:0;
\t padding-top: 20px;
}
img.buttonUlti{
\t float:right;
\t padding-top:20px;
\t padding-bottom:15px;
\t border-radius:18px;
}
.shiftRes{
\t margin-left:27px;
\t padding-top:40px;
}<div id="wrapper">
\t \t \t \t
\t <!-- banner-wrap starts here -->
\t <div id="banner-wrapper"> \t \t \t \t \t \t \t \t \t \t
\t \t \t \t <!-- Menu Tabs -->
\t \t
\t \t \t <ul>
\t \t \t \t <li class="navbar-buttons"><a href="index.cfm"><span>Home</span></a> <span style="color:white !important">|</span> <a href="Resources.cfm"><span>Support</span></a></li>
\t \t \t \t
\t \t \t </ul>
\t </div>
<div id="sidebarleft">
<h2>Departments</h2>
<ul class="menu">
<li class="leftbuttons"><a class="aligntext" href="Blah.cfm">BLAH</a>
</li>
<li class="leftbuttons"><a href="Blah.cfm?">BLAH</a>
</li>
<li class="leftbuttons"><a href="Blah.cfm">BLAH</a>
</li>
<li class="leftbuttons"><a href="Blah.cfm">Room</a>
</li>
</ul>
</div>
</div>
ポスト[MCVE]あなたの質問でください。 – j08691
コードを投稿してください。 –
CSS、相対位置？ –