Размер и положение меню

Каждый раз, когда я открываю html, позиция меню и размер разные. Не могли бы вы помочь мне исправить это? Предполагается, что он находится в центре. Спасибо за любую помощь.Размер и положение меню

div.menu { 
    list-style:none; 
    margin:0; 
    padding:0; 
    width:100%; 
    text-align:center;} 
div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin:20px; 
    padding:0; 
    display:inline-block;} 
div.menu li{ 
    display:inline; } 
div.menu li a{ 
    text-decoration:none; 
    padding:5px 0; 
    width:100px; 
    background:#FBB117; 
    color:#4C4646; 
    float:left; 
    text-align:center; 
    border-left:1px solid #fff; } 
div.menu li a:hover{ 
    background:#a2b3a1; 
    color:#000 }

источник

2012-04-16 user1332075

Это помогает, если вы разместите некоторые урезаны HTML показывает проблему, и, возможно, урезать CSS для проблемных битов (например цвета фона и т.п., вероятно, не важно?). Кроме того, это помогает, если вы сообщите нам, что вы пробовали, и почему это не сработало для вас. – Jeroen

Почему вы сделали 'div.menu ul'' display: inline-block'? Если только что-то, что мы не видели в HTML, ul должно быть просто отображением по умолчанию. – Moses

Я предполагаю, что он сделал 'div.menu ul'' display: inline-block;' потому что он хочет центрировать его, используя 'text-align: center;' Но нет способа решить его проблему, не видя html. Я предполагаю, что это недостающий doctype. –

Вы можете центрировать элемент, используя маркер поля. Для этой работы, однако, вам придется объявить ширину div.menu ul, иначе она наследует ширину ее родительского элемента, div.menu. Поэтому:

div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 20px; 
    margin-bottom: 20px; 
    width: 100px; <!-- SPECIFY WIDTH --> 
}

источник

2012-04-16 21:53:15

Я добавил прокладку: 0; Дисплей: встроенный блок; тоже, и я думаю, что это работает сейчас. Большое спасибо. – user1332075

Хороший материал, пожалуйста, вы можете отметить этот ответ как «правильный», отметив зеленый галочку, по достоинству оцените :) –

Я не вижу никакого зеленого клеща. где это точно? – user1332075

Размер и положение меню

ответ

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