26.11.2013 22:56:59 Масштабирование Сообщение #1
RaGaBaN
Новичок
Дата регистрации:
09.11.2013 21:41:38
Сообщений: 8
Доброго дня!
Нужна помощь с масштабированием меню
Вот кусок кода:
Html
CSS
Нужно сделать чтобы кнопки менюшек были по центру экрана. Отступами в пикселях я пробовал - работает, но нужно что бы работало при разных разрешениях экрана! Заранее спасибо откликнувшимся)
Нужна помощь с масштабированием меню
Вот кусок кода:
Html
<div id='top-menu'>
<ul>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
</ul>
<div class='cl'></div>
</div>
CSS
#top-menu ul li a {
display : block;
color: #fff;
text-decoration: none;
Font-size: 120%;
padding: 1px 15px;
border-radius: 10px;
margin: 10px 10px;
background-color: #696969;
}
#top-menu ul li {
list-style: none;
float: left;
}
#top-menu {
background-color: #8B8989;
}
.cl {
clear: both;
}
Нужно сделать чтобы кнопки менюшек были по центру экрана. Отступами в пикселях я пробовал - работает, но нужно что бы работало при разных разрешениях экрана! Заранее спасибо откликнувшимся)
