fl4sh
-
Posts
3 -
Joined
-
Last visited
fl4sh's Achievements
Explorer (1/14)
0
Reputation
-
Как выровнять список страниц по центру блока навигации
fl4sh replied to Mila's question in HTML Coding
а зачем нужны ul и li? кажется без них нормально работает <style> #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers a { text-decoration: none; background: #fff; padding: 2px; padding-left: 5px; padding-right: 5px; margin-left: 2px; margin-right: 2px; color: #333; border: 1px solid #bfbfbf; } </style> <div id = 'wp_page_numbers'> <a href = '#'>1</a> <a href = '#'>2</a> <a href = '#'>3</a> <a href = '#'>4</a> <a href = '#'>5</a> </div> -
я имел ввиду то место, которое залито розовым (#ff4545) цветом я специально залил этим цветом, чтоб показать отступ, который нужно убрать! Просто получается, что справа и слева от меню разные расстояния, мне нужно чтоб они были одинаковыми
-
Добрый день! Может этот вопрос уже задавался, но я даже не знаю по какому словосочетанию искать. Дело в том, что появляется небольшой отступ в меню, непонятно откуда... В IE и Firefox отступа нет... Скриншот: Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <title></title> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> body { font-family: Arial; font-size: 14px; } #block { min-width: 980px; width: 100%; margin: 0 auto; overflow: hidden; } #block .menu { float: left; width: 100%; height: 50px; background-color: #ff4545; } #block .menu .menu-item { width: 100%; float: left; height: 35px; background-color: #fafafa; color: #000000; text-align: center; padding-top: 15px; } #block .menu .other-bg-color { background-color: #efefef; } #block .menu .menu-item:hover { background-color: #8bb8d5; color: #ffffff; text-decoration: none; } </style> </head> <body> <div id = 'block'> <div class = 'menu'> <a class = 'menu-item' href = '#' style = 'width: 5%;'>©</a> <a class = 'menu-item other-bg-color' href = '#' style = 'width: 14%;'>Пункт меню</a> <a class = 'menu-item' href = '#' style = 'width: 15%;'>Пункт меню</a> <a class = 'menu-item other-bg-color' href = '#' style = 'width: 14%;'>Пункт меню</a> <a class = 'menu-item' href = '#' style = 'width: 15%;'>Пункт меню</a> <a class = 'menu-item other-bg-color' href = '#' style = 'width: 16%;'>Пункт меню</a> <a class = 'menu-item' href = '#' style = 'width: 16%;'>Пункт меню</a> <a class = 'menu-item other-bg-color' href = '#' style = 'width: 5%;'>©</a> </div> </div> </body> </html>