Перейти к содержимому



Создал меню и сайт ездит. Помогите!

#1 naciya
naciya
  • Неактивные
  • 11 сообщений
  • Репутация: 0
0

Отправлено 25 апреля 2012 - 17:31

Нашел меню для сайта, что бы разьезжалось при нажатии категории и высвечивались подкатегории. Попробовал, меню работает, поставил на сайт и стал ужас. все блоки див начали ездить при разварачивании меню. Вот исходники:

<style type="text/css">
  body{font-family:Arial, Helvetica, sans-serif; font-size:13px;}
  /* -------------------------------------------------------- */
  /* BUTTON													*/
  .button{
color:#FFFFFF;
clear:both;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:31px;
line-height:31px;
width:auto;
margin-right:30px;
}
a.button {
text-decoration:none;
}
.button span {
background:url(img/button.png) left top no-repeat;
display:block;
height:31px;
line-height:31px;
padding-left:10px;
padding-right:8px;
margin-right:20px;
}
/* -------------------------------------------------------- */
/* MENU														*/
.v-menu{
border:solid 1px #7F9FBF;
width:200px;
clear:both;
}
ul.v-menu, .v-menu li{
padding:0;
margin:0;
list-style:none;
}
ul.v-menu{
clear:both;
margin-top:6px;
padding:6px 10px;
}
.v-menu li a{
color:#555555;
font-weight:bold;
display:block;
border-top:solid 1px #DEDEDE;
padding:4px;
text-decoration:none;
}
.v-menu li a:hover{
color:#999999;
}
</style>
И для хтмл список
<a href="#" id="toggle3" class="button"><span>Книги</span></a>
  <div style="clear:both">
  <ul id="v-menu3" class="v-menu">
  <li><a href="p1.html">Детективы</a></li>
  <li><a href="p2.html">Фантастика</a></li>
  <li><a href="p3.html">Научное</a></li>
  <li><a href="p4.html">Историческое</a></li>
  <li><a href="p5.html">Разное</a></li>
  </ul>

Есть еще ява скрипт. но думаю дело не в нем, а в css. Помогите решить данную проблемму!

 

 

  • 0

#2 Vector
Vector
  • Неактивные
  • 43 сообщений
  • Репутация: 9

Отправлено 25 апреля 2012 - 18:32

Надо выкладывать не исходники рабочего меню, а ссылку на проблемную страницу
  • 0

#3 naciya
naciya
    Topic Starter
  • Неактивные
  • 11 сообщений
  • Репутация: 0

Отправлено 25 апреля 2012 - 18:56

Vector, Сайт на хостинг не загружал так как еще нечего, но вот архив тебе скинул http://fc03.spaces.r...t-spaces_ru.rar Если поможешь буду признательно благодарен!
  • 0

#4 Vector
Vector
  • Неактивные
  • 43 сообщений
  • Репутация: 9

Отправлено 25 апреля 2012 - 21:37

http://rghost.ru/37769573
держи

Обратить внимание в будущем на закрывающие теги, в данном случае </DIV>
также подправлен CSS ID #menu
И в файле стилей .css не пишется <style></style> , это может писаться только в html файле
  • 1

#5 naciya
naciya
    Topic Starter
  • Неактивные
  • 11 сообщений
  • Репутация: 0

Отправлено 25 апреля 2012 - 21:52

Спасибо большое!
  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
BLIK BLIK 1-й за Июль
Очков активности: 81 0 тем, 27 сообщений, 2 балла репутации
ТОП самых активных за этот месяц
  • Фотография Megoydagi
    #1

    Megoydagi (24ho.ru)
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография heisenberg
    #2

    heisenberg
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография sws
    #3

    sws
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Фотография kartuzzz
    #5

    kartuzzz
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Chaser
    #6

    Chaser (majento.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография kuprum
    #7

    kuprum
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Cpatoday
    #8

    Cpatoday
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография 2kwkw
    #9

    2kwkw
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография zyzy
    #10

    zyzy
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru