Привет, мне нужно было создать горизонтальное подменю для веб-сайта с помощью Wordpress. Я играл с CSS, и почти там мне просто нужно выровнять мои ссылки в подменю с центром. Я пробовал:Подменю CSS Выравнивание центра в Wordpress
text-align: center;
В #access ул уль, Но это не похоже на работу: S
Сайт: http://dev.timson.me (Подменю на "Предстоящие" & "Past Productions")
И CSS является:
#access {
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
padding-top: 8px;
width: 100%;
font-family: Stag;
display:block;
text-align:center;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
display:inline-block;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 25px;
margin-top: -4px;
margin-bottom: -4px;
padding: 0 1.2125em;
text-decoration: none;
}
#access ul ul {
display: none;
float: left;
margin-top: 0;
position: fixed;
top: 264px;
left: 50%;
width: 1000px;
z-index: 99999;
margin-left:-500px;
text-align:center;
padding-top:5px;
padding-bottom:10px;
background: red;
}
#access ul ul a {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom:10px;
}
#access ul li:hover > ul {
display: block;
}
Любая помощь очень ценится ура.
Питер
Отлично Спасибо большое! Я просто нашел еще одну вещь, которую мне нужно исправить. Если вы прокрутите вниз, а затем попробуйте и используйте меню, подменю появится наполовину вниз по странице из-за: position: fixed; наверх: 264px; Знаете ли вы, как исправить это? – ptimson
Хмм, не могу воспроизвести это. Подменю отображается в нужном месте в нескольких браузерах, с которыми я тестировал. – paislee