Съезжает шапка
Страницы: 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)
Новые темыОбъявленияСвободное общение
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
14:50 Какую выбрать тему/нишу для сайта? 
19:37 Продажа лидов: форекс, инвестиции, нативка, гемблинг, чарджбеки 
15:45 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс 
22:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:11 Обменник криптовалюты OnlyCrypto 
17:56 Услуга: Поведенческие факторы (ПФ) для Авито 
17:31 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
16:51 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
12:23 150+ хакерских поисковых систем и инструментов 
08:38 Накрутка поисковых подсказок 
17:41 Стряхнуть обыденность - об Агасфере 
10:54 Добро пожаловать в цифровой мир...