Jump to content

Drevko

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Drevko

  1. Слайдер на css? Это как минимум странно. Не вижу смысла писать без JS. Как опыт - да может быть в каком-то плане. Но соглашусь с @npofopr :
  2. Это да, но как не крути, два взаимоисключающих события на одно действие не поставишь. Я использую в таком случае, например, кнопку справа от названия пункта со значком "+".
  3. Почему бы не использовать flexbox: .flex_block { display: flex; justify-content: space-between; } .dots { border-bottom: 1px dotted black; flex-grow: 1; } <div class="flex_block"> <div>Код</div> <div class="dots"></div> <div>205823</div> </div> И адаптивно и переносится.
  4. Для объединения существуют HTML атрибуты ячейки: colspan и rowspan. colspan - объединение нескольких колонок. rowspan - объединение нескольких строк. В начальной (левой верхней) ячейке td, с которой начинается объединение пишите: <td colspan="2" rowspan="2">закрыто</td> Это я для ячейки 27.07 17:00-19:00 написал. Для остальных попробуйте сами, ничего сложного тут нет. Вот ссылка на справку по HTML таблицам: https://guruweba.com/html/sozdanie-tablits-v-html-vse-o-html-tablitsakh/ - посмотрите примеры, я думаю смысла сюда копировать это нет. Также, не забывайте, что если вы объединяете 3 ячейки, что пишите одно td, а не 3 (только для первой ячейки). Уверен, у вас получится. А как научитесь, то действительно можно использовать генераторы таблиц, особого смысла писать вручную нет.
  5. Разбивай вначале построчно, потом по столбцам. Вот так, как на картинке показано. То есть В нижней половине сначала горизонталь - левый вертикальный в один блок, остальное во второй и потом уже то, что во втором блоке по одному.
  6. Делать слайдер на css - это, на мой взгляд, сравнимо с подметанием Красной площади при помощи зубной щетки - долго и неэффективно. Просто загуглите: "адаптивный слайдер javascript" - там десятки вариантов для этого, выбирайте, какой больше нравится. Если вы хотите делать на css потому, что не знакомы с javascript - самое время уделить неделю другую и выучить JS, в будущем это 100 раз вам окупится.
  7. Разбить текст на две колонки можно кучей способов, например с помощью css свойства: columns: 2; Такое решение адаптивно, что немаловажно сейчас, в 2019-м.
  8. Егорыч, то что вы хотите обычно делается немного другим способом, а именно: еще на сервере при обработке страницы текст разбивается на участки заданной длины (отрывки с одинаковым количеством символов), каждый отрывок помещается в свой div. На сайт водится информация уже "постранично": видимый первый div и скрытые остальные. Ну и навигация в виде "предыдущий", "следующий" или цифрами, тут уже не имеет значения. Ваше задачу также можно решить, например, обернув каждое слово в span и считать расстояние от верха блока div до каждого span элемента и если расстояние больше заданного вами - то переносить текст, начиная от этого элемента до конца в следующий div. Не знаю, насколько это оправдано в вашем случае.
  9. Вывести можно командой: alert('твой текст'); Но твоему коду конечно нужна большая доделка чтобы довести его до того, как все это заработает.
  10. Тут конечно от задания твоего зависит. Нужна адаптивность или нет? Если говорить о самой простой реализации - то можешь создать 1 блок div с свойством position: relative; , поставить туда весь центр одной картинкой в background. Дальше сделать внутри 6 блоков div или p с текстами и спозиционировать их с помощь position: absolute;
  11. Мужик, без обид, но не увидел в твоем коде ни одной команды вывода. Не могу знать что у тебя в прикрепленных файлах (include), но тот код, что ты прикрепил и не должен ничего выводить. Это просто поиск информации в БД и запись результата в переменную. Добавь команду: echo ("hello world"); сразу после открытия php и посмотри выведется что-то или нет.
  12. Нужно написать функцию на javascript + jQuery на событие клика. Вот пример твоего меню: <style> .ul_menu ul li ul { display: none; } </style> <div class="ul_menu"> <ul> <li><span>пункт 1</span> <ul> <li>пункт 1.1</li> <li>пункт 1.2</li> <li>пункт 1.3</li> </ul> </li> <li><span>пункт 2</span> <ul> <li>пункт 2.1</li> <li>пункт 2.2</li> <li>пункт 2.3</li> </ul> </li> </ul> </div> <script type="text/javascript"> $(".ul_menu li").click(function(){ $(this).find("ul").fadeToggle(); }); </script> При клике на пункт меню будут открываться подпункты. При повторном клике подпункты будут закрываться.
  13. Можно конечно. Есть разные способы для этого. Поскольку вопрос в разделе для новичков, то вот самый простой способ: <input type="text" name="input1" style="background: none;" /> Добавленный атрибут style с свойством background: none; сделает поле прозрачным.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy