Привет
вот скрин
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>
Средний
