Drevko
Newbie-
Posts
13 -
Joined
-
Last visited
Information
-
Sex
мужской
Drevko's Achievements
Explorer (1/14)
0
Reputation
-
как сделать перелистывание контента на странице?
Drevko replied to RoninDeath's question in HTML Coding
Слайдер на css? Это как минимум странно. Не вижу смысла писать без JS. Как опыт - да может быть в каком-то плане. Но соглашусь с @npofopr : -
Это да, но как не крути, два взаимоисключающих события на одно действие не поставишь. Я использую в таком случае, например, кнопку справа от названия пункта со значком "+".
-
Длина черточек зависит от контента. Как такое сделать?
Drevko replied to yaparoff's question in HTML Coding
Почему бы не использовать 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> И адаптивно и переносится. -
Для объединения существуют 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 (только для первой ячейки). Уверен, у вас получится. А как научитесь, то действительно можно использовать генераторы таблиц, особого смысла писать вручную нет.
-
Разбивай вначале построчно, потом по столбцам. Вот так, как на картинке показано. То есть В нижней половине сначала горизонталь - левый вертикальный в один блок, остальное во второй и потом уже то, что во втором блоке по одному.
-
как сделать перелистывание контента на странице?
Drevko replied to RoninDeath's question in HTML Coding
Делать слайдер на css - это, на мой взгляд, сравнимо с подметанием Красной площади при помощи зубной щетки - долго и неэффективно. Просто загуглите: "адаптивный слайдер javascript" - там десятки вариантов для этого, выбирайте, какой больше нравится. Если вы хотите делать на css потому, что не знакомы с javascript - самое время уделить неделю другую и выучить JS, в будущем это 100 раз вам окупится. -
Разбить текст на две колонки можно кучей способов, например с помощью css свойства: columns: 2; Такое решение адаптивно, что немаловажно сейчас, в 2019-м.
-
Егорыч, то что вы хотите обычно делается немного другим способом, а именно: еще на сервере при обработке страницы текст разбивается на участки заданной длины (отрывки с одинаковым количеством символов), каждый отрывок помещается в свой div. На сайт водится информация уже "постранично": видимый первый div и скрытые остальные. Ну и навигация в виде "предыдущий", "следующий" или цифрами, тут уже не имеет значения. Ваше задачу также можно решить, например, обернув каждое слово в span и считать расстояние от верха блока div до каждого span элемента и если расстояние больше заданного вами - то переносить текст, начиная от этого элемента до конца в следующий div. Не знаю, насколько это оправдано в вашем случае.
-
Вывести можно командой: alert('твой текст'); Но твоему коду конечно нужна большая доделка чтобы довести его до того, как все это заработает.
-
Вставить картинку в html или background для блока?
Drevko replied to savushka777's question in Web-site Development
Тут конечно от задания твоего зависит. Нужна адаптивность или нет? Если говорить о самой простой реализации - то можешь создать 1 блок div с свойством position: relative; , поставить туда весь центр одной картинкой в background. Дальше сделать внутри 6 блоков div или p с текстами и спозиционировать их с помощь position: absolute; -
Мужик, без обид, но не увидел в твоем коде ни одной команды вывода. Не могу знать что у тебя в прикрепленных файлах (include), но тот код, что ты прикрепил и не должен ничего выводить. Это просто поиск информации в БД и запись результата в переменную. Добавь команду: echo ("hello world"); сразу после открытия php и посмотри выведется что-то или нет.
-
Нужно написать функцию на 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> При клике на пункт меню будут открываться подпункты. При повторном клике подпункты будут закрываться.
-
Можно конечно. Есть разные способы для этого. Поскольку вопрос в разделе для новичков, то вот самый простой способ: <input type="text" name="input1" style="background: none;" /> Добавленный атрибут style с свойством background: none; сделает поле прозрачным.