На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Отображнение блока после полной загрузки срани
manikom-auto Дата: Суббота, 29.10.2011, 01:25 | Сообщение # 1
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Ребята подскажите пожалуйста. Столкнулся с определённой проблеммой!
У меня информеры с колличеством материала в пунктах меню загружаются быстрее чем стили к самому меню и получается всё очень не красиво - так как они стоят position:absolute и пока не загрузятся стили сами понимаете.....
Так вот - допустим у каждого блока с выводом информера есть id - как сделать что бы блоки с этим id выводились на страницу после полной её загрузки
Заранее спасибо!




Сообщение отредактировал manikom-auto - Суббота, 29.10.2011, 01:27
 
antisept Дата: Четверг, 03.11.2011, 12:01 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (manikom-auto)
стили к самому меню

стили в отдельном css файле или прописаны в код?


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
manikom-auto Дата: Пятница, 04.11.2011, 04:15 | Сообщение # 3
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Стили меню
Code
/* --- правое меню--- */  
ul.container{width:250px;margin:0 auto;padding:10px;}
ul.container2{width:250px;margin:0 auto;padding:5px;}  
li{list-style:none; text-align:left;}
li.menu{padding:5px 0; width:100%;}
li.button a{ text-decoration:none; display:block; font-family:BPreplay,Arial,Helvetica,sans-serif; font-size:21px; height:34px; padding:10px 20px 0 ; position:relative; width:200px;}
li.button a:hover{text-decoration:none;}
li.button a span{ text-decoration:none; height:44px; position:absolute; right:0; top:0; width:4px; display:block;}
li.button a.blue{position:relative; border: 1px solid #ffffff; width:auto; background:url(/images/blue.png) ; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; }
li.button a.blue span{ width:auto; background:url(/images/blue.png) ; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; }
li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}
.dropdown{display:none; padding-top:5px; width:100%;}
.dropdown li{ background-color:#99CCFF; border:1px solid #0099FF; color:#CCCCCC; margin:5px 0; padding:4px 18px; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius: 10px 10px 10px 10px; }
  #menn { position:relative; text-align:left; padding:10px 20px 0 ; font-family:BPreplay,Arial,Helvetica,sans-serif; font-size:21px; border: 1px solid #ffffff; background: url(/images/blue.png); border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px; display: block; width: 210px; height: 34px;}
  #menn:hover {border: 1px solid #ffffff; background-position: 0 -45px; border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px;}
#kolvo { font-family:Charcoal, sans-serif; font-weight: 700; position:absolute;top:5px; right:8px; color:#ffffff; font-size:12px; }
   
  


Вот код одного пункта меню
Code
<li class="menu">  
  <ul>  
  <li class="button"><a href="#" class="blue">DLE<div id="kolvo">405</div><span></span></a></li>  
  <li class="dropdown">  
  <ul>  
  <li><a href="http://siteforsites.ru/load/102">Все Материалы</a></li>  
  <li><a href="http://siteforsites.ru/load/135">Движки DLE</a></li>  
  <li><a href="http://siteforsites.ru/load/4">Шаблоны/темы DLE</a></li>
  <li><a href="http://siteforsites.ru/load/134">Модули/плагины DLE</a></li>  
  <li><a href="http://siteforsites.ru/load/22">Скрипты/хаки DLE</a></li>  
  <li><a href="http://siteforsites.ru/load/117">Статьи/уроки DLE</a></li>  
  </ul></li></ul></li>

где
Code
<div id="kolvo">405</div>
та часть которая отображается быстрее

Добавлено (04.11.2011, 04:15)
---------------------------------------------
Всё ребята решил проблему - переставил в css класс с блоком информеров выше стилей меню - хотя конечно суть проблеммы так и не ясна.
отдельное спасибо Антисепту!


 
antisept Дата: Пятница, 04.11.2011, 15:26 | Сообщение # 4
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (manikom-auto)
хотя конечно суть проблеммы так и не ясна


почему? чем выше стили - тем быстрее они загружаются.


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
manikom-auto Дата: Суббота, 05.11.2011, 12:18 | Сообщение # 5
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Ну это да - только не думал что нстольо разница будет видно))) Спасибо!

 
  • Страница 1 из 1
  • 1
Поиск: