X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> При наведении на меню уезжает футер
gerasim13
gerasim13
Topic Starter сообщение 6.10.2008, 12:10; Ответить: gerasim13
Сообщение #1


В ответах на мэйле отвечают не по теме, а на гугле все не то пишут. Может тут мне помогут разобраться? В общем сверстал я шаблон для сайта, без ошибок так и не обошлось по ходу.
Если просматривать сайт в 6 эксплорере, при наведении мыши на ссылку в меню, футер убегает вниз. Вот страничка на которую можно посмотреть в 6 осле http://gerasim.thost.ru/careers.html[IMG]h....50/t.gif[/IMG]
Косяк явно в css, никак не найду его. Вчера сидел до 5 утра. Ребята помогите!!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 6.10.2008, 22:25; Ответить: Exterior
Сообщение #2


gerasim13, посмотрел ваш шаблон... и решил переделать:
[attachment=35334:remade.rar]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 7.10.2008, 2:57; Ответить: gerasim13
Сообщение #3


Ух. Что могу сказать. Вы профи. Огромное спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 7.10.2008, 20:09; Ответить: gerasim13
Сообщение #4


Ещё раз спасибо. У меня ещё один вопрос. Никак не могу найти способ заставить субменю отображаться в линию=(
Может подскажите что добавить в ваш стиль?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 7.10.2008, 20:20; Ответить: gerasim13
Сообщение #5


#menu ul li:hover ul,
#menu ul li a:hover ul {
display:block;
width:500px;
}

#menu ul li:hover ul li,
#menu ul li a:hover ul li {
float:left;
padding:0 0 0 10px;
background:#000;
}

Вот это работает только в Firefox, эксплорер не хочет работать=(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 7.10.2008, 20:43; Ответить: Exterior
Сообщение #6


gerasim13,
добавляете новые интрукции к имеющимся:
#menu li ul li a {
    float: left;
    padding: 0 5px;
    background: black;
}


в #menu li ul меняете ширину width: 150px; на нужную вам, например, width: 300px;

здесь же (#menu li ul) добавляете background: black; - чтобы пункты меню не сливались с текстом контента и хоть как-то были различимы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 7.10.2008, 21:20; Ответить: gerasim13
Сообщение #7


Спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 8.10.2008, 19:13; Ответить: gerasim13
Сообщение #8


Извините за назойливость. А как заставить меню работать в 7 эксплорере?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 8.10.2008, 22:32; Ответить: Exterior
Сообщение #9


gerasim13, внесите следующие изменения и дополнения в style.css:
.wrapper {
    min-width: 860px;
}

#menu li ul {
    width: 300px; /* Ширина субменю */
}

#menu li ul li {
    float: left;
    padding: 0 5px;
    background: black;
}

#menu li ul li a {
    width: 70px; /*Ширина ссылок в субменю*/
}

#menu ul li a {
    width: 150px; /*Ширина должна быть такой же как и [B]#menu ul[/B]*/
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gerasim13
gerasim13
Topic Starter сообщение 9.10.2008, 16:29; Ответить: gerasim13
Сообщение #10


/* ///////// Menu ///////// */
#menu {
    padding-left: 250px;
    float: left;
}

#menu ul {
    width: 150px; /* Ширина меню */
    list-style: none;
}

#menu ul li {
    position: relative;
}

#menu li ul {
    width: 450px; /* Ширина субменю */
    position: absolute; top: 0px; /* Позиция от верха */
    left: 150px; /* Позиция субменю слева относительно главного меню */
    display: none;
}

#menu ul li a {
    display: block;
    padding: 5px 0;
    background: #000; /* Цвет фона пунктов меню */
    color: #CCC; /* Цвет текста пунктов меню */
    text-decoration: none;
    line-height: 25px;
    font: bold 14px sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    width:150px;
}

#menu li ul li {
    float: left;
    padding: 0 5px;
    background: black;
}

#menu li ul li a {
    width: auto; /*Ширина ссылок в субменю*/
}

#menu ul li:hover ul,
#menu ul li a:hover ul {
    display:block;
    width:500px;
}

#menu ul li:hover ul li,
#menu ul li a:hover ul li {
    float:left;
}

#menu li ul li a {
    float: left;
    padding:0 10px;
    background: black;
    line-height: 25px;
}

#nav a:hover {
    color: #FF9900;
}

#nav li.hover ul, #nav li:hover ul {
    display: block;
}

* html #menu ul li {
    height: 1%;
    float: left;
}

* html #menu ul li a {
    height: 1%;
}
/* ///////////////////////// */

В IE7 при наведении на некоторые пункты меню, выделенный пункт сдвигается вправо (примерно на 5 пикселей).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78307 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1648 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:20
Дизайн