Съезжает шапка
Страницы: 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)
Новые темыОбъявленияСвободное общение
15:19 Refmate — сервис для взаимного обмена ссылками 
13:06 Продвижение по ключам 
09:47 Adsense личный опыт 
13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
08:27 Ищу специалистов 
08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 
17:38 swapsfera.com 
17:30 GoodsMoney.io 
16:25 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
14:43 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
14:18 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
13:41 SiteAnalyzer SEO Tools - бесплатное браузерное расширение для Chrome & Firefox 
09:36 Profit-smm.ru - (просмотры даром)качественная раскрутка в Vk/Inst/Yt/Tg/Tiktok за наилучшую цену! 
17:46 Всего п онемногу 
12:45 Куплю проигрышные букмекерские аккаунты 
11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 
17:09 Точные прогнозы на футбол 
10:00 Ну что, кто куда деваете свои сайты? 
16:22 Компьютерная мышь 
23:55 Добро пожаловать в цифровой мир...