Привет
есть простое меню из иконок
<div class="macmenu">
<div class="button">
<a href="#"><img src=".../image/home.png">Главная</a>
<a href="#"><img src=".../image/news.png">Новости</a>
<a href="#"><img src=".../image/photo.png">Фотографии</a>
<a href="#"><img src=".../image/music.png">Музыка</a>
<a href="#"><img src=".../image/docs.png">Документы</a>
<a href="#"><img src=".../image/fav.png">Избранное</a>
</div>
</div>
вот и css
.macmenu {
height: 128px; /*высота общего блока*/
}
.button {
margin: 0 auto; /*выравнивание блока по центру*/
width: 720px; /*ширина всего блока с меню*/
}
.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: 128px;
width: 128px;
}
.button a:hover {
font: normal bold 14px Verdana;
}
А как поставить фото на фон этого меню как здесь
https://hsto.org/files/aa8/9dd/8f2/aa89dd8f2e6f418... ?
Простой
