Съезжает шапка
Страницы: 1
Съезжает шапка, dle, шапка меню
Добрый день. Такая проблема: съезжает меню шапки на пару секунд при загрузке сайта, потом возвращается на место. Кто может подсказать, как это исправить, если не трудно подробно. Примеры на фото.
1.png (182.01 КБ) [ Скачать ]
2.png (74.66 КБ) [ Скачать ]
Возможно что где то в CSS у Вас есть похожие class, который загружается первым, из за этого происходит съезд, а далее он берет тот что прописан для меню и встает все на место.

А так смотреть нужно.
Александр, я так понял вот меню, можете посмотреть?
Код
}
.logo {
   margin: 5px 0 0 30px;
}
.logo .thide {
   background: url("../images/logo.png") no-repeat;
   width: 150px;
   padding-top: 55px;
}
.topmenu {
   margin: 0 22px 0 200px;
   height: 70px;
}
.topmenu > li {
   float: left;
   background: url("../images/topline.png") no-repeat 0 -79px;
   height: 70px;
   font-size: 1em;
   text-transform: uppercase;
   line-height: 70px;
   padding-left: 2px;
   position: relative;
}
.topmenu > li > a {
   padding: 0 8px;
   text-decoration: none;
   color: #fff;
   display: block;
   height: 70px;
   float: left;
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.topmenu > li:hover {
   background-position: 0 -228px;
}
.topmenu > li:last-child:hover {
   background-position: 0 -79px;
}
.topmenu > li > a:hover, .topmenu > li:hover > a {
   background: url("../images/topline.png") repeat-x 0 -158px;
}
.dropmenu {
   position: absolute;
   left: 0;
   top: 70px;
   width: 187px;
   height: 0;
   overflow: hidden;
   opacity: 0;
   font-size: 1.05em;
}
.topmenu > li:hover .dropmenu {
   height: auto;
   opacity: 1;
}
.dropmenu li {
   background: url("../images/dropmenu.png") no-repeat -187px 0;
   height: 28px;
   line-height: 26px;
   padding: 0 10px 0 26px;
   text-transform: none;
}
.dropmenu li:first-child {
   background: url("../images/dropmenu.png") no-repeat;
   height: 28px;
   line-height: 26px;
   padding-top: 11px;
}
.dropmenu li a {
   color: #a7e55b;
   text-decoration: none;
}
.dropmenu li a:hover {
   color: #fff;
   text-decoration: underline;
}
.dropmenu .dropbtm {
   background: url("../images/dropmenu.png") no-repeat -187px -28px;
   height: 10px;
}
Цитата
sonic23 пишет:
Александр, я так понял вот меню, можете посмотреть?
Начнем с того, что нужно с начало смотреть код HTML какие классы прописаны там, далее смотреть весь код CSS ну а после делать выводы.
скорее если в меню неприменяются скрпты, то попробуйте вынести код менюшки в отдельный файл и поставьте его выше основного файла css...

если все такие ест скрипты то их поставьте выше... что бы код меню загружался быстрее...
Изменено: anna911 - 16 Ноября 2016 18:34
Пропишите загрузку CSS в начале страницы.
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
07:24 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
22:21 Стоит ли добавлять сайт в Rambler топ 100? 
22:14 Rotapost прикрыли! Чем пользоваться? 
12:05 DLE не создает бэкап с админки сайта, как быть? 
11:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 
18:52 SEO под нейро 
15:55 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
12:46 HH.ru Работадателя вериф 
11:23 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
11:16 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно. 
10:48 AllCharge.online. Современный, быстрый и надёжный обменник 
08:39 Все услуги в Телеграм 
21:47 Продам pubghelp.ru 
18:47 Full-Stack Developer — Сайты и Софт любой сложности | Developer Websites and Soft of any Complexity! 
10:10 накрутка трафика в SimilarWeb 
16:50 Компьютерная мышь 
11:32 Про мясо 
22:11 С юмором по жизни! 
23:03 Точные прогнозы на футбол 
13:08 Бесплатный майнинг Tether (USDT) 
16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру