Здравствуйте.
Сдвигается меню, когда в браузере включена функция "Переносить текст".
В данном случае в опере на телефоне
Пример:
Как сделать, чтобы меню не подвергалось изменению даже при этой включенной функции?
Сайт:
sunnym.ru
Меню - html + css
HTML:
<div id="menu-block">
<ul class="menu">
<li><a href="index.html">Главная</a></li>
<li><a href="online.html">Смотреть онлайн</a></li>
<li><a href="preview-serial.html">Анонсы</a></li>
<li><a href="news-serial.html">Новости</a></li>
<li><a href="actors.html">Актёры</a></li>
<li><a href="music.html">Музыка</a></li>
<li><a href="photo.html">Фото</a></li>
<li><a href="video.html">Видео</a></li>
<li><a href="about-serial.html">О сериале</a></li>
</ul>
</div>
CSS:
#menu-block {
width: 980px;
text-align: center !important;
font-family: Georgia, "Times New Roman", Arial, Verdana;
font-size: 16px;
font-style: italic;
}
ul.menu {
list-style: none;
border-bottom: 5px solid #bb0000;
border-top: 1px solid #114477;
padding: 11px;
background: #336699;
margin: 0px;
}
ul.menu li {
display: inline;
}
ul.menu li a {
color: #fefefe;
text-decoration: none;
background: #225588;
border: 1px solid #225588;
border-bottom: 1px solid #114477;
margin: 0;
padding: 10px 14px 10px 14px;
}
ul.menu li a:hover {
border-left: 1px solid #114477;
border-right: 1px solid #114477;
}
Спасибо.
