CSS меню - PullRequest
Новая
       34

CSS меню

0 голосов
/ 15 марта 2011 
ul#menu {
  background-image:url(../images/menu.png);
  width:992px;
  height:62px;
  margin:0 auto;
  background-repeat: no-repeat;
  overflow:hidden;
  clear:both;
}

ul#menu li {
  background-image:url(../images/sep.png);
  background-position: top right;
  background-repeat: no-repeat;
  width:112px;
  height:52px;
  margin-right:20px;    
  display: block;
  float:left;   
}

ul#menu li a {
  width:109px;
  height:52px;
  padding:0;
  margin:0;
  padding-top:14px;
  font-size: 1.6em;
  text-decoration: none;
  display: block;
  text-align: center;
  outline: 0;
  float:left;
  color: #272727;
}

и как-то так <li><a href="#about" class="menuitem">Lorem Ispus Dolor</a></li> Проблема в том, что «Lorem Ispus Dolor» распространяется не горизонтально, а вертикально

1 Ответ

0 голосов
/ 15 марта 2011 
ul#menu li a {
  width:109px;

Это слишком узко для всего текста с таким размером шрифта, поэтому текст переносится на новую строку.

Вот пример с шириной: 300 пикселей; http://jsfiddle.net/ncdkm/

...