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

Сервис обмена электронных валют


Рывки SlideDown

#1 nex17

nex17
  • Пользователь
  • 2 сообщений
  • Репутация: 0
0

Отправлено 31 Июль 2009 - 21:42

Пишу блочный сайт, используя jQuery. Сделал горизонтальное навигационное меню, блоки с контентом по нажатию кнопок навигации движутся вверх-вниз. Старый блок выполняет SlideUP, потом новый делает SlideDown.
Проблема в том, что в конце действия происходит небольшой рывок. Хотелось бы его убрать.
Блок, содержащий в себе движущиеся блоки имеет padding: 10px (иначе текст просто глючит: до завершения анимации не показывается).
Весь текст в тегах абзаца, им выставлен отступ сверху и снизу в 0px.

Кстати, почему валидатор ругается на теги p? Да и ещё считает знак "меньше" в Яваскрипте за открытие тега :)

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 31 Июль 2009 - 22:50

nex17, без кода сказать сложно
  • 0

#3 nex17

nex17
    Topic Starter
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 01 Август 2009 - 15:28

Порядок вложения блоков, содежащих текст:
#main {width: 1024px; margin: 30px auto;}
  #content {width: 700px;}
	#center {display: block; border-left: 1px solid #404040; border-right: 1px solid #404040;}
	  #textbox {padding: 10px;}
		<div><p style="margin-top: 0px; margin-bottom: 0px;">здесь выводится текст, блок стиля не имеет</p></div>
есть предположение, что это происходит из-за атрибута line-height, выставленного для другого блока чуть выше

Если охота разбираться с файлами, прошу: Прикрепленный файл  index.php   3,6К   Количество загрузок: 85Прикрепленный файл  style.css   1,44К   Количество загрузок: 61
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 05 Август 2009 - 11:57

У вас в инете есть страница с данным примером, прото без теста сложно разобраться что и как. Рывки могут быть из-за использования стандартных slideUp и slideDown. Сказать очень сложно без тестирования.


  • 0


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