CSS: li> поле - PullRequest
Новая
       46

CSS: li> поле

0 голосов
/ 24 октября 2011 
#top-menu ul.menu li {
  background: url(img/back-top-menu2.png);
  width: 70px;
  height: 37px;
  cursor: pointer;
  float: left;
  text-align: center;
}

#top-menu ul.menu li:hover {
  background: url(img/back-top-menu.png);
}

#top-menu ul.menu li a { 
  color: #fff;
  text-decoration: none; 
  list-style-type: none;
  text-align: center;
  margin-left: 20px;
  margin-top: 20px;
}

enter image description here

Как заставить работать поле на полях?

Ответы [ 2 ]

5 голосов
/ 24 октября 2011

<a> - встроенный элемент.Добавьте «display:block;» или «display:inline-block;» к нему, чтобы сделать его элементом уровня блока.Такие свойства, как «margin» и «padding», работают только с элементами уровня блока.

2 голосов
/ 24 октября 2011

вместо этого попробуйте padding-top.

Другой способ - добавить display: block, а затем задать ему высоту 37px, а затем добавить line-height:37px

...