0
我需要我的側邊欄具有完整的高度,並且還包含背景圖像。帶有背景圖像的全高度側邊欄
Here's the link to what I have so far. 這是我的CSS:
/* Sidebar */
#sidebar {
background-color: #e7d9c9;
background-image: url('/imgs/map.png');
background-repeat: no-repeat;
width: 318px;
height: auto;
float: left;
padding-bottom: 20px;
}
#sidebar h1 {
border-bottom: thick;
border-bottom-width: 75%;
}
.sidetext {
padding: 5px 20px;
font-size: 18px;
font-family: Helvetica Neue;
padding-bottom: 20px;
}
.sidelink {
padding-bottom: 20px;
margin: 0;
padding: 0;
width:300px;
}
.sidelink ul {
margin: 0;
padding: 0;
margin-left: 20px;
}
.sidelink li {
display: block;
list-style: none;
}
.sidelink li a {
display:block;
font-family: Helvetica Neue;
font-size:16px;
color:#FFF;
text-decoration:none;
background-color:#1e416f;
padding:5px;
border-left:10px solid #FFF;
padding-bottom: 20px;
}
.sidelink li a:hover {
border-left:14px solid #1e416f;
background-color:#e7d9c9;
color: #1e416f;
}
h5 {
font-family: Helvetica Neue: Light;
font-size: 24px;
color: #517f9c;
}
這也將是真棒,如果有人可以幫助我,說:「邊欄H1」的部分。我在這裏想要完成的是,在每個h1之後,我會在底部邊界之後的h1和20px之間獲得輕微的底部邊界20px。這也符合其他文本和鏈接(左20px和右20px),但我認爲這不會是75%。謝謝!
嗨,我實際上是在談論我的側邊欄的棕褐色,並一直延伸到底部,以便下面沒有空白區域,同時還將黑暗棕褐色的地圖圖像保留在原來的位置。所以從字面上看,只是將我的側邊欄的高度擴展到全面的能力。 –