Почему мой текст смещается влево здесь?

Я пытаюсь создать панель меню CSS.Почему мой текст смещается влево здесь?

Теперь обратите внимание на первый пункт меню (Brushes), где я добавил ul и дал ему класс из submenu, текст смещается влево. Для нижних двух, выровненных в середине. Почему это происходит и как я могу решить эту проблему? Я хочу, чтобы текст menuItem выравнивался по середине даже после добавления subMenus.

источник

2013-06-24 Navneet Saini

Установка width: 100% на .menuItems может повредить эффекты. Просто удалите width: inherit; от .menuItems a селектор.

JsFiddle Demo

источник

2013-06-24 12:29:14

Точно, что я хотел. Большое спасибо @HashemQolami –

@NavneetSaini Добро пожаловать. –

Причина: .menuItems не имеет ширины 100%. Если он изменен на 100%, он отлично работает.

Вот WORKING SOLUTION

Кодекс Изменение:

.menuItems{ 
width: 100%; 
}

То же самое с .menuItems:hover

источник

2013-06-24 12:23:53 Nitesh

Спасибо за ответ снова. Но что, если я не хочу иметь ширину 100%? –

Вы сражаетесь с таблицей с шириной. Гораздо лучше, чтобы все это было макетом уровня блока. –

@ Ответ HashemQolami решил проблему. –

Если я правильно Вас понял, что это помогает вам:

.menuItems a { 
display: block; 
line-height: 40px; 
height: inherit; 
width: inherit; 
text-align: center; 
}

источник

2013-06-24 12:24:08

Извините, но это не так. –

Это работает, когда вы думаете о макете: http://jsfiddle.net/ssF5K/15/ –

Основной проблемой является элементом "СУБМЕНЮ" в странице. Он принимает SPASE и нажмите меню кисти влево

попытаться разрешить ввод:

.menuItems{ 
width: 100%; 
}

.menuItems:hover{ 
width: 110%; /*example*/ 
}

Надежда была полезна ...

источник

2013-06-24 12:29:44

Почему мой текст смещается влево здесь?

ответ

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