Поэтому в основном я должен создать меню, как это в Wordpress:CSS Выравнивание Sub Menu Center Wordpress
Где красная полоска ширина страницы, а не фиксированной, так может сокращаться с изменением размера. И подменю центрируется
настоящее время у меня:
И CSS является:
#access {
clear: both;
display: block;
margin: 0 auto -10px;
width: 100%;
text-align:center;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
margin-top: 0.3em;
padding-left: 0;
display:inline-block;
/*Font*/
letter-spacing:1px;
text-transform:uppercase;
color: #FFF;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 2.333em;
margin: 0 1.2125em;
margin-bottom: 0.5em;
padding-top: 0.5em;
text-decoration: none;
/* Same colour as background */
border-bottom: 1px solid #000;
}
#access ul ul {
display: none;
position: inherit;
top: 0; left: 0;
margin: 0 auto;
width: 100%;
z-index: 9999;
float: left;
}
#access ul ul a {
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
display: inline-block;
}
#access ul ul li {
display: inline-block;
}
Любая помощь
Вы можете создать пример в http://jsfiddle.net для лучшего понимания. – sandeep
Создайте jsfiddle или сообщите нам ссылку на свой сайт. – Libin
Привет, спасибо за вашу помощь @Libin, поэтому я создал новый JSFiddle здесь [link] (http://jsfiddle.net/ptimson/v4Ydu/) Мне нужно, чтобы ul ul была на 100% шириной, поэтому она будет динамически изменять размер со страницы и ссылки внутри должны быть центрированы, см. изображение выше. – ptimson