AntiSlaed CMS
Вход
Логин: Пароль:Забыли пароль?
Запомнить вас на этом компьютере?
Войти скрытым?

Здравствуйте, Гость ( Вход | Регистрация )

> Внимание!

Адрес нашего форума изменился, теперь мы доступны по адресу antislaed.net. Обновите ссылки и закладки, он больше не изменится.


> Помогите с менюхой для сайта.
shim
сообщение Feb 7 2010, 21:17
Сообщение #1


Продвинутый юзверь
Иконка группы

Группа: Пользователи

Сообщений: 92
Регистрация:
6.3.2009
Из: Украина.Боярка
Пользователь №: 7,649
Спасибо сказали: 2

Вставить ник




Такой вопрос.
Как заставить меню указаное на скрине наползать на шапку ??

Прикрепленный файл  2010_02_07_190704.jpg ( 410.37 Кб ) Кол-во загрузок: 21


Вот что имею в CSS

КОД
/* Шапка */
#header-l {
    height: 125px;
    background: #FFF url(images/header-l.png) 0 0 no-repeat;
    position: relative;
    padding-left: 30px;
}

#header-r {
    height: 125px;
    background: #FFF url(images/header-r.png) right top no-repeat;
    position: relative;
    padding-right: 40px;
}


а вот что в самой менюхе

КОД
img {
    border: none;
}

.dock {
    position: relative;
    height: 50px;
    text-align: center;
}

.dock-container {
    position: absolute;
    height: 50px;
    padding-left: 20px;
}

a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Verdana, Helvetica;
}

.dock-item img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}

.dock-item span {
    display: none;
    padding-left: 20px;
}


Понимаю что проблема в позиционировании, но вот как это всё решить )))))))????

Брал всё от сюда....

Прикрепленный файл  Theme_Braun.zip ( 179.76 Кб ) Кол-во загрузок: 1
Перейти в начало страницы
 
     Выделите текст перед нажатием цитаты
+Цитировать сообщение
 
Начать новую тему
Ответов (1 - 2)
DjSalamander
сообщение Feb 8 2010, 02:02
Сообщение #2


прорвемся...
Иконка группы

Группа: [..AS..]

Сообщений: 2,388
Регистрация:
6.9.2008
Из: Latvia Riga-Vangaži
Пользователь №: 5,367
Спасибо сказали: 457

Вставить ник




HTML-

<div id="header-1"></div><div id="header-2"></div><div id="header-3"></div><div id="header-4"></div><div id="header-5"></div><div id="header-6"></div><div id="header-7"></div><div id="header-8"></div><div id="header-9"></div><div id="header-0"></div><div id="madbanner"><img src="/images/madbaner top.gif"></div>


css

#madbanner {
position:absolute;
top:180px; left:500px;
}

примерно вот так, это банер наложеный на шапку
Перейти в начало страницы
 
     Выделите текст перед нажатием цитаты
+Цитировать сообщение
shim
сообщение Feb 8 2010, 09:43
Сообщение #3


Продвинутый юзверь
Иконка группы

Группа: Пользователи

Сообщений: 92
Регистрация:
6.3.2009
Из: Украина.Боярка
Пользователь №: 7,649
Спасибо сказали: 2

Вставить ник




Помогли добрые люди...
нужно было просто добавить наслоение с помощью z-index в файле media.css

.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
z-index: 1000;

Прикрепленный файл  2010_02_08_074329.jpg ( 230.87 Кб ) Кол-во загрузок: 14
Перейти в начало страницы
 
     Выделите текст перед нажатием цитаты
+Цитировать сообщение

Ответить в данную темуНачать новую тему

6 чел. читают эту тему (гостей: 6, скрытых пользователей: 0)
Пользователей: 0
 

RSS Текстовая версия Сейчас: 25 November 2024 - 13:49
Хостинг предоставлен NetLevel.Ru   Eleanor CMS