Я работаю над шаблоном с использованием Wordpress, и до сих пор это были базовые HTML, CSS и некоторые PHP, но в настоящее время я сталкиваюсь с одной проблемой с CSS для заголовка.
В настоящее время это выглядит так. Панель поиска переместилась в нужное место, и фон заполняет правильный цвет, но высота не изменится. Я хочу, чтобы над ним было немного красного отступа, чтобы он соответствовал диагональной рамке слева. Я попытался изменить высоту, но это только заставляет ее расширяться вниз к нижней части страницы, а граница к вершине или просто все вокруг ничего не делает. Что я делаю не так с CSS для этого окна поиска?
Вот код CSS для окна поиска.
/* Top search */
#nav-search {
background-color:#990000;
width: 250px;
display: block;
height: 30px;
line-height: 16px;
position: absolute;
right: 0px;
top: -22px;
}
#nav-search label {
display: none;
}
#s,
#searchsubmit {
border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#s {
border: 1px solid #000099;
font-size: 11px;
height: 15px;
padding: 4px 5px 2px;
width: 130px;
}
#nav-search #s {
border-color: #000099; border-bottom-color: #0000BE; border-right-color: #000099;
}
#searchsubmit {
background: #669900 url(img/button-style-input.png) center left repeat-x;
border: 1px solid #666;
color: #fff;
font-size: 11px;
height: 23px;
letter-spacing: 1px;
line-height: 20px;
padding: 0 5px;
-moz-box-shadow: 0px 0px 1px #fff;
-webkit-box-shadow: 0px 0px 1px #fff;
}
/* Fixes Firefox 2 and 3 */
#searchsubmit, x:-moz-any-link {
padding: 0 5px 3px; *padding: 0 5px;
}