http://ogonjidaitest.mybb.ru/Поставил скрипт выпадающей навигации (это там, где: "форум, участники, правила" и т.д.) – удобно, но есть одна проблемка. Изначально меню навигации было центрировано,
Попробуйте заменить текущий стиль выплывающего меню(*Весь код с начала HTML и ДО </style>, которое заканчиваецо перед строкой:
<DIV align="center"><img src="http://img33.imageshack.us/img33/8884/jidaiheadcolor.jpg"></align></DIV>
Таким Кодом
<style type="text/css"> #pun-navlinks.section{display: block;position: relative;z-index: 1000;opacity: 1;filter: alpha(opacity=100);} #pun-navlinks.section ul.container li {padding:0 0 0 12px; height: auto;display: inline;position: relative;} #pun-navlinks.section ul.container ul {width: 150px;list-style: none;display: none;position: absolute;top: 22px;left: -10px;background:#4682B4;} #pun-navlinks.section ul.container ul {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 5px; border-radius: 10px;} #pun-navlinks.section ul.container ul:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: auto;visibility: hidden;} #pun-navlinks.section ul.container ul li {width:auto;float: left;display: block !important;display: inline; text-align:left;font-weight:normal;} /* 2nd Menu */ #pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {float: none;color: #FAEBD7;} /* 2nd Menu Hover Persistence */ #pun-navlinks.section ul.container li:hover li a:hover, #pun-navlinks.section ul.container li:hover li:hover a, #pun-navlinks.section ul.container li.iehover li a:hover, #pun-navlinks.section ul.container li.iehover li.iehover a {background: none;color: #006699;text-decoration:none;font-weight:normal;} /* Do Not Move - Must Come Before display:block for Gecko */ #pun-navlinks.section ul.container li:hover ul ul, #pun-navlinks.section ul.container li:hover ul ul ul, #pun-navlinks.section ul.container li.iehover ul ul, #pun-navlinks.section ul.container li.iehover ul ul ul {display: none;} #pun-navlinks.section ul.container li:hover ul, #pun-navlinks.section ul.container ul li:hover ul, #pun-navlinks.section ul.container ul ul li:hover ul, #pun-navlinks.section ul.container li.iehover ul, #pun-navlinks.section ul.container ul li.iehover ul, #pun-navlinks.section ul.container ul ul li.iehover ul {display: block;} </style> <style> #pun-navlinks .container,#pun-ulinks .container {text-align: center;} </style>
Отредактировано Deff (Вт, 29 Мар 2011 08:55:50)