Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.12.2018, 03:27   #1
cadabra
Новичок
Джуниор
 
Аватар для cadabra
 
Регистрация: 26.12.2018
Сообщений: 2
Сообщение [РЕШЕНО] Не отображается div

Решение: http://www.programmersforum.ru/showp...20&postcount=2

Здравствуйте. Не могу правильно интегрировать div в тело.
Смотрите, есть:
Код:
<style class="cp-pen-styles" type="text/css">
      html,
 
      body {
 
        overflow: hidden;
 
      }
 
 
 
      body {
 
        margin: 0;
 
        position: absolute;
 
        width: 100%;
 
        height: 100%;
 
      }
 
 
 
      canvas {
 
        width: 100%;
 
        height: 100%;
 
      }
 
      #container {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
      }
 
      #txtlzr {
        font-size: 40px;
        width: 700px;
        margin: 0 auto;
        height: 700px;
        font-size: 40px;
        white-space: pre-wrap;
        color: rgba(102, 102, 102, 1);
      }
 
      body {
 
        background-color: #1D1D1D;
      }
 
    </style>
Далее:
Код:
  <body>
<canvas width="847" height="531">
    </canvas>
   <script src="/Ingredients/js/stopExecutionOnTimeout.js"></script>
<script>....Тут тело самого скрипта...</body>
Далее между </body> и </html> находится второй скрипт:
Код:
<script type="text/javascript">
    $(function() {
      var list = ['"Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)', '"Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
          ];
 
      var txt = $('#txtlzr');
 
      txt.textualizer(list, {
        centered: true
      });
      txt.textualizer('start');
    })
 
  </script>
Как мы можем видеть второй скрипт выводится в <div id="txtlzr">
</div>

Но вот куда мне вставит тут сам див? Если же я попробую подставить див сразу после <body>, то второй скрипт начинает отображаться, но при этом перекрывает 1 скрипт. Если же я попытаюсь вставить после <canvas width="847" height="531">, То работает только 1 скрипт, второй не отображается :-) Куда мне вставить :
Код:
<div id="container">
      <div id="txtlzr">
      </div>
    </div>
У меня есть подозрения, что я намудрил именно со стилями.

Последний раз редактировалось Вадим Мошев; 01.01.2019 в 17:35.
cadabra вне форума Ответить с цитированием
Старый 26.12.2018, 19:13   #2
cadabra
Новичок
Джуниор
 
Аватар для cadabra
 
Регистрация: 26.12.2018
Сообщений: 2
По умолчанию

Разобрался.
Что бы решить проблему, надо поместить:
Код:
<div id="container">
      <div id="txtlzr">
      </div>
    </div>
после:
Код:
 <body>
<canvas width="847" height="531">
    </canvas>
А в стилях, добавить:
Код:
position: absolute;
воот сюда:
Код:
  canvas {
        position: absolute;
        width: 100%;
        height: 100%;
      }
Всем спасибо за внимание.
cadabra вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО] Вывод в блок div с помощью JS s88s JavaScript, Ajax 17 09.11.2017 17:15
[Решено]: Как прикрепить вложенный div к верху родительского элемента div? Женя32 HTML и CSS 2 29.09.2016 13:24
[РЕШЕНО]: Неправильно отображается шрифт при указании его названия и семейства AlexKain HTML и CSS 3 18.12.2015 16:26
[РЕШЕНО]: Смещение Div antonb770 HTML и CSS 3 27.04.2015 09:54
Сайт не отображается в IE и Opera. Отображается только в FireFox. Roman_K HTML и CSS 3 03.02.2011 22:32