-4
我試圖刪除我的社交按鈕下方的多餘空間。我曾嘗試在邊緣使用「相對」,但似乎無法讓空間消失。任何幫助將不勝感激。下面是我的CSS,並鏈接到現在的公衆形象的問題。謝謝。頁腳之後的額外空間請
http://dustinmellis.imgur.com/all/
/* start master styles */
/*
.header h1 {
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: -200px;
width: 100%;
float: right;
*/
}
.header img {
float: left;
width: 100px;
height: 100px;
background: #555;
margin-bottom: relative;
}
.header h1 {
position: relative;
top: -950px;
left: 600px;
}
/* start content comment
.content {
text-align: center;
padding-top: 15px;
width: 100%;
}
*/
h1 {
font-family: 'Merriweather', serif;
font-size: 3.625em;
font-weight: 700;
}
body {
background-image: url('../img/concrete_wall_3.png');
/* background-image: url('../img/noisy.png'); */
/* background-image: url('../img/noisy.png'); */
background-color: #dbdbdb;
background-repeat: repeat;
border-top: solid .625em #76cc1e;
margin-bottom: relative;
}
.footer {
border-top: solid .063em #ffffff;
margin-bottom: relative;
text-align: center;
margin-top: -175px;
}
/* links */
a#btn:link {
text-decoration: none;
color: #ffffff;
background-color: #76cc1e;
margin: 2.563em 0 3.00em 0;
padding: 1.438em 2.563em 1.625em 2.563em;
}
a#btn:hover {
text-decoration: none;
color: #ffffff;
background-color: #54d654;
margin: 2.563em 0 3.00em 0;
padding: 1.438em 2.563em 1.625em 2.563em;
}
a:link {
text-decoration: underline;
color: #6e6e6e;
}
a:visited {
color: #6e6e6e;
}
a#btn:link {
text-decoration: none;
color: #fff;
}
a.btn:visited {
color: #fff;
}
/* social */
.social {
margin: 2.563em auto 0 auto;
height: 2.563em;
width: 13.875em;
}
.social li, .social a{
height: 2.563em;
display: block;
}
.social li {
float: left;
display: inline;
text-indent: 624.938em;
}
.twitter a {
background:url("../img/social.png") 0 0 no-repeat;
width: 42px;
}
.facebook a {
background:url("../img/social.png") -42px 0 no-repeat;
width: 60px;
}
.linkedin a {
background:url("../img/social.png") -102px 0 no-repeat;
width: 60px;
}
.blog a {
background:url("../img/social.png") -162px 0 no-repeat;
width: 60px;
}
.twitter a:hover { background:url("../img/social.png") 0 -41px no-repeat; }
.facebook a:hover { background:url("../img/social.png") -42px -41px no-repeat; }
.linkedin a:hover { background:url("../img/social.png") -102px -41px no-repeat; }
.blog a:hover { background:url("../img/social.png") -162px -41px no-repeat; }
/* media queries */
@media only screen and (max-device-width: 480px) {
.content {
width: 200px;
}
}
查看HTML代碼?你有什麼嘗試? – 2014-02-18 00:46:25
相對值不能是margin-bottom的值 – witherwind