16 декабря 2012 в 3:31
Подскажите что можно сделать?
Ситуация такая: Вставил логотип почти во всю ширину страницы, потом создал новый блок для горизонтального меню типа: "А Б В Г Д....". Далее в файле page.tpl.php командой
поднял созданный блок и наложил на изображение логотипа.
При этом область хедера не уменьшилась, т.е. место на котором было меню осталось пустым. И получается большое расстояние между верхней частью сайта и содержимым.
Пробовал менял всякие параметры в CSS не помогло, похоже что надо каким то другим способом размещать меню поверх изображения. Т.к. менюшки визуально переместились вверх как надо, а места там где они были раньше остались, как будто ничего не смещалось((((
Я там скриншот сделал гляньте, пожалуйста.
Первую неделю пробую себя в сайтостроении, так что не стесняйтесь помочь)
| Вложение | Размер |
|---|---|
 1.jpg | 63.7 КБ |
Комментарии
Может у вашего кода была обертка ?
Без исходников трудно сказать .
«поднял созданный блок и наложил на изображение»
Спасибо
Можно так:
задаете нужную высоту дива хедера, в этот же див вставляете див с блоком меню, применяете к нему (диву с меню) абсолютное позиционирование (относительно дива хедера).
можно и по-другому - - нужен исходный код.
Так и делал изначально.
Всем спасибо, всё получилось. Надо было с другой стороны подойти))
Просто попробовал ниже приведенный способ наложения текста на изображение
_________________________________
Текст
___________________________________
.example2 {
display:inline-block;
position:relative;
}
.example2 span {
display:inline-block;
position:absolute;
top:30px;
left:0px;
/* Оформление текста */
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
/* Фон */
background-color:rgba(0,0,0,.4);
padding:10px 30px;
}