#html #css #web #menu
#HTML #css #веб #меню
Вопрос:
Итак, я редактирую CSS, и в меню вкладок есть свойство whitespace: nowrap, что означает, что оно не перекрывается, но заканчивается выходом из страницы. Установка ширины самого меню вкладок ничего не делает даже с !important и иерархическим CSS.
Выглядит так
Когда я делаю пробел: pre или любой другой, они в конечном итоге перекрываются.
Вот код:
html > body > div#header > div#header-bottom-left > ul.tabmenu {
position: absolute;
top: 75px;
left: 700px;
width: 100px !important;
}
#header #header-bottom-left .tabmenu li {
font-family: "Courier New", Courier, monospace !important;
text-transform: uppercase;
letter-spacing: 2px;
font-variant: small-caps;
font-size: 11px;
background: url(%%buttons%%) repeat-x;
border: 1px solid black;
padding: 5px;
margin-right: 16px;
}
Комментарии:
1. Каков ваш предполагаемый эффект? Вы хотите, чтобы они были обрезаны? Или нажать на следующую строку?
2. Вы должны иметь возможность устанавливать ширину tabmenu, но вам также необходимо убедиться, что его родительские элементы по крайней мере такие же широкие, как если бы их ширина была установлена. Например, какова ширина разделов, которые являются родительскими
ul.tabmenu?
Ответ №1:
Удалить
li {
margin-right: 16px;
}
Вы тоже можете попробовать это
ul,li {
border:0px;
padding:0px;
}