|
|
Модератор форума: Samuel |
Форум » uCoz » Помощь по HTML и CSS » Помогите выровнить меню по центру |
Помогите выровнить меню по центру |
off-line Добавлено: 2013-Май-05 - 20:02 | Сообщение #1
Помогите выровнить меню по центру:
<div class="menu"> <ul> <li><a href="/">Главаная</a></li> <li><a href="http://www.ajaxshake.com/en/JS/1121/prototype.html">Prototype Examples</a></li> <li><a href="http://www.ajaxshake.com/en/JS/12111/mootools.html">Mootools Examples</a></li> <li><a href="http://www.ajaxshake.com/en/JS/12421/pure-javascript.html">Javascript Examples</a></li> </ul> </div> .menu{ font: 13px/27px Arial,sans-serif; color: #3366CC; background: black; height: 30px; width: 900px; } .menu a:hover{ background-color: #e4ebf8; color: black; } .menu a { text-decoration: none; padding: 6px 8px 7px; color: white; outline: none; } .menu ul{ list-style: none; margin:0; padding:0 0 0 10px; } .menu ul li{ padding:0; float:left; } .menu ul li ul li{ padding:0; float:none; margin: 0 0 0 0px; width:100%; } .menu ul li ul{ position: absolute; border: 1px solid #C3D1EC; box-shadow: 0 1px 5px #CCCCCC; margin-top: -1px; display:none; padding: 0px 16px 0px 0; } Зарание спасибо |
off-line Добавлено: 2013-Май-05 - 20:48 | Сообщение #2
<center> сюда код меню </center>
|
off-line Добавлено: 2013-Май-06 - 00:47 | Сообщение #3
waac, Тег center устарел.
yura122, Пробуй: Замени это: Код .menu{ font: 13px/27px Arial,sans-serif; color: #3366CC; background: black; height: 30px; width: 900px; } .menu a:hover{ background-color: #e4ebf8; color: black; } .menu a { text-decoration: none; padding: 6px 8px 7px; color: white; outline: none; } .menu ul{ list-style: none; margin:0; padding:0 0 0 10px; } .menu ul li{ padding:0; float:left; } .menu ul li ul li{ padding:0; float:none; margin: 0 0 0 0px; width:100%; } .menu ul li ul{ position: absolute; border: 1px solid #C3D1EC; box-shadow: 0 1px 5px #CCCCCC; margin-top: -1px; display:none; padding: 0px 16px 0px 0; } На это: Код .menu{ font: 13px/27px Arial,sans-serif; color: #3366CC; background: black; height: 30px; width: 900px; margin: 0 auto; } .menu a:hover{ background-color: #e4ebf8; color: black; } .menu a { text-decoration: none; padding: 6px 8px 7px; color: white; outline: none; } .menu ul{ list-style: none; margin:0; padding:0 0 0 10px; } .menu ul li{ padding:0; float:left; } .menu ul li ul li{ padding:0; float:none; margin: 0 0 0 0px; width:100%; } .menu ul li ul{ position: absolute; border: 1px solid #C3D1EC; box-shadow: 0 1px 5px #CCCCCC; margin-top: -1px; display:none; padding: 0px 16px 0px 0; } Сообщение отредактировал MonaX - Понедельник, 2013-Май-06, 00:48
|
off-line Добавлено: 2013-Май-17 - 09:47 | Сообщение #4
Теги:<center>
</center> Помог? СТАВЬ +! Продаю полезные статьи с уникальным текстом. Создаю сайты(не дорого). Сообщение отредактировал dessains_movie - Пятница, 2013-Май-17, 09:51
|
off-line Добавлено: 2013-Май-17 - 16:26 | Сообщение #5
Цитата (dessains_movie) Теги: Еще один :D:D |
off-line Добавлено: 2013-Май-17 - 22:04 | Сообщение #6
dessains_movie, Ты что такое?
|
off-line Добавлено: 2013-Май-30 - 23:15 | Сообщение #7
yura122, Укажи ширину и пропиши margin:0 auto;
Пример: Код .div { width:300px; margin:0 auto; } |
| |||
| |||