@Jony1337

Как убрать это белое пространство?

Привет
вот скрин prntscr.com/d3b822 там есть немного белого места , как убрать белый отступ ?
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>123</title>
	<style>
	.macmenu {
 height: 128px; /*высота общего блока*/
}
.button {
     margin: 0 auto;
    width: 100%;
    height: 150px;
    background: url(http://gif-kartinki.ru/fony/fon_52.jpg) no-repeat;
}
.button a img,
.button a {
 display: block;
 float: left;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 height: 70px;
 width: 70px;
}
.button a {
 margin: 5px 15px;
 text-align: center;
 color: #fff;
 font: normal normal 10px Verdana;
 text-decoration: none;
 word-wrap: normal; /*запрещает автоматически разрывать слова на перенос*/
}
.macmenu a:hover img {
 margin-left: -30%; /*смещает картинку левее, выравнивая ее по центру*/
 height: 80px;
 width: 80px;
}
.button a:hover {
 font: normal bold 14px Verdana;
}
	</style>
</head>
<body>
<div class="macmenu">
 <div class="button">
  <a href="index.php"><img src="http://s1.iconbird.com/ico/2013/12/520/w256h2561387130021Home01.png">Acasă</a>
  <a href="pv/concursuri.php"><img src="http://s1.iconbird.com/ico/2013/12/524/w128h1281387196845money.png">Concursuri</a>
  <a href="pv/voteaza-provocare.php"><img src="http://s1.iconbird.com/ico/1012/Qetto2Icons/w256h2561350657651groups.png">Voteaza cea mai tare provocare</a>
  <a href="pv/adauga-provocare.php"><img src="http://s1.iconbird.com/ico/1012/Qetto2Icons/w256h2561350657638gallery.png">Adauga provocarea ta </a>
  <a href="pv/trimte-ideie.php"><img src="http://s1.iconbird.com/ico/1012/Qetto2Icons/w256h2561350657638conversations.png">Ai idei bune, le asteptam</a>
  <a href="pv/abount.php"><img src="http://s1.iconbird.com/ico/2013/12/520/w256h2561387130021Group01.png">Despre Noi</a>
 </div>
</div>

</body>
</html>
  • Вопрос задан
  • 433 просмотра
Пригласить эксперта
Ответы на вопрос 4
LenovoId
@LenovoId
svg, css,js
<style>
*{
margin:0;
padding:0;
}
</style>
Ответ написан
riot26
@riot26
<:З )~~
body {
    margin: 0;
}
Ответ написан
Комментировать
edalis
@edalis
HTML, CSS, JS, Node.js
Сделайте как riot26 написал или подключите к проекту normalize.css, это хорошая практика.
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
html, body {
    margin: 0;
    padding: 0
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы