центр КАС Menu/выпадающим меню

-1

Я использую этот шаблон на моем сайте: http://www.css3templates.co.uk/templates/CSS3_gallery_grey/index.html
jsfiddle: http://jsfiddle.net/uPw85/центр КАС Menu/выпадающим меню

Что мне нужна помощь с:
1) Центр меню на странице, так как вы можете видеть по ссылке, что она выровнена влево.
2) Сохраняйте текст в выпадающих меню, расположенных влево (как в ссылке выше).

Я искал эту страницу и в Google много, прежде чем обращаться за помощью, и . Никакие результатов не работали для меня. Я пробовал почти каждый совет, который нашел, но меню по-прежнему не будет сосредоточено для меня, единственное, что происходит, - это то, что текст в выпадающем меню центрирован, но я хочу оставить его влево.

Я попытался с несколькими вариациями из них в разных местах (нав меню, литий, ул) в CSS, но не повезло:

display: inline-block; 
margin-left: auto; 
margin-right: auto;, 
margin: 0 auto; 
text-align: center; 
width: auto;

EDIT 2/10, 1 PM EST: Я ценю, что вы, ребята, пытаетесь помочь, но до сих пор ни один из ответов, которые вы дали, не помог.

источник

2014-02-10 Walter

Если вы укажете ширину для своей ul, например. 700px и добавьте margin-left и margin-right: авто будет выравниваться по центру –

Я изменил свою ul на: ul { margin: 2px 0 22px 17px; ширина: 900 пикселей; margin-left: auto; margin-right: auto; } Изменение ширины ничего не сделало, оно все еще выровнено влево. – Walter

Попробуйте это:

ul.sf-menu { 
text-align: center; 
} 

ul.sf-menu li { 
display: inline-block; 
} 

ul.sf-menu li a { 
display: block; 
} 

ul.sf-menu ul { 
text-align: left; 
}

EDIT:

Я редактировал JSfiddle: http://jsfiddle.net/uPw85/3/

EDIT 2:

Снимите поплавок: левый в уль # нав, или просто удалить идентификатор = «нав» в уль-тег в HTML

источник

2014-02-10 17:40:12

Это не решило его, оно заставило выпадающее меню вести себя странно. Я попробовал как добавить то, что вы написали, так и использовать только те вещи под каждым тегом, все равно никаких изменений. Также не было никакого «ul.sf-menu li a» в CSS, поэтому я добавил его, все еще не работал. – Walter

См. Мой обновленный ответ –

Пробовал код со своей скрипки, по-прежнему без изменений. Меню по-прежнему выровнено с левой стороны. Просмотрено в Chrome 32.0 и Firefox 27.0. – Walter

-1

Просто добавьте:

ul#nav { 
    float:left; 
    padding-left: 80px; 
}

источник

2014-02-10 17:30:24

@esser сайт, который предоставил walter, не реагировал, и если вы все еще хотите центрировать div, тогда вы должны указать некоторую определенную ширину для этого div и присвоить маркер стиля: auto; к этому элементу –

Хорошо, я не следую ссылкам, поэтому я не видел веб-сайт. – Esser

Это не центрировало его. – Walter

Для того, чтобы отцентрировать меню вам необходимо установить ширину ребенка DIV быть меньше, чем установленная ширина родительского элемента. Кроме того, необходимо удалить float меню, так как плавающий элемент эффективно вынимает его из родительского div.

установка следующих Try:

ul.sf-menu { 
    float: none; 
    width: 760px; 
    margin: 0 auto; 
}

Работа, когда проверяющий элемент. Другой вариант - попробовать следующий код.

ul.sf-menu { 
    float: none; 
    display: table; 
    margin: 0 auto; 
}

источник

2014-02-11 09:15:01 Key

центр КАС Menu/выпадающим меню

ответ

Смежные вопросы