Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 26.12.2018, 04:27   #1
cadabra
Новичок
 
Аватар для cadabra
 
Регистрация: 26.12.2018
Адрес: London
Сообщений: 2
Репутация: 10

icq: 7105195
Сообщение [РЕШЕНО] Не отображается 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 в 18:35.
cadabra вне форума   Ответить с цитированием
Старый 26.12.2018, 20:13   #2
cadabra
Новичок
 
Аватар для cadabra
 
Регистрация: 26.12.2018
Адрес: London
Сообщений: 2
Репутация: 10

icq: 7105195
По умолчанию

Разобрался.
Что бы решить проблему, надо поместить:
Код:

<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 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


01:50.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru