html- все статьи тега ➜ страница 12
Можно ли сделать волнистую линию?
Если бы я хотел сделать горизонтальную линию, я бы сделал это: <style> #line{ width:100px; height:1px; background-color:#000; } </style> <body> <div id="line"></div> Если бы я хотел сделать вертикальную линию, я бы сделал это: #line{ width:1px; height:100px; background-color:#000; } </style> <body> <div id="line"></div> Изогнутая линия сложнее, но возможна с использованием border-radius и обертыванием элемента: ...
Как извлечь содержимое HTML-тегов из строки с помощью javascript или jquery? [дубликат]
На этот вопрос уже есть ответ здесь: создание нового элемента DOM из HTML-строки с использованием встроенных методов DOM или прототипа 21 ответов Может быть, это очень просто, но я все путаю. У меня есть простая html-страница со многими разделами (div). У меня есть строка, содержащая HTML-теги в javascript. Код такой: образом: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script ...
Отобразить диалоговое окно внутри родительского див с overflow:скрыты
Я пишу на angularJS и не могу найти удобного решения для этой проблемы- У меня есть элемент div со свойством overflow: hidden (так как я использую внутреннюю полосу прокрутки), а внутри этого элемента div у меня есть меню dropdown, вызываемое нажатием кнопки. к сожалению, dropdown частично скрыт (так как он выходит за границы своего div родителя. Лучшее решение, которое я нашел до сих пор, - это динамическое добавление всплывающего окна в тело и вычисление его положения для каждого нажатия кноп ...
Хром полоса прокрутки исчезает (не переполнение-у)
Страница (live-версия) состоит (грубо говоря) из трех частей: левая боковая панель центрированное содержание правая боковая панель Правая боковая панель должна быть прокручиваемой, поэтому я установил overflow-y: scroll; right: -17px;, чтобы просто скрыть полосу прокрутки. Body, html Есть overflow-y: auto;. Таким образом, мне не нужно иметь две полосы прокрутки (для страницы и для правой боковой панели). Выпуск: (только в CHROME, протестировано на версиях 62 и 63) Почему-то на разны ...
Как избавиться от границы вокруг и изображения, используемого в качестве ссылки в Firefox?
Странный вопрос, я думаю, что это больше из-за того, что я не уверен, как это называется. Но у меня есть img, завернутый в ссылку Пример ...<li> <a href="#link"> <img ...> </a> </li> ..... Теперь у меня есть правила CSS границы все до 0. Так что у них нет голубой границы. Но в Firefox их, кажется, розовая мини-пунктирная граница только тогда, когда я нажимаю на изображение? В других браузерах нет границы в любое время. Я не уверен, если его из самого ...
Запретить div, содержащее изображение, изменять размер при добавлении текста
У меня есть div, центрированный на сайте и содержащий картинку. div расширяет свой height, чтобы соответствовать картине, как и ожидалось. Затем я добавляю текст и ожидаю, что он будет выложен в нижней части div. Но в дополнение к этому div также немного изменяется, так что его height является higher, чем height изображения. Вот пример: Html: <div class="siteContent"> <img class="debug" src="../../Content/themes/base/images/pageTitle.png" /> <span> aaa & ...
Отправить несколько форм с помощью одной кнопки Отправить
У меня есть следующий код, в основном он выполняет две операции. Первая отправке данных формы в таблицу Google и другие операции представляет свою вторую форму данных текстовое поле Значение с другим значением текстового поля страницы. Как это сделать? <script type="text/javascript"> <!-- function copy_data(val){ var a = document.getElementById(val.id).value document.getElementById("copy_to").value=a } //--> </SCRIPT> <style type="text/css"> <!-- --> </sty ...
Как я могу пойти на якорь и одновременно открыть Бутстрэп-аккордеон?
Я использую Бутстрэп-аккордеон, и он работает как заклинание, никаких проблем. Тем не менее, я хотел бы иметь ссылку на одну из вкладок в аккордеоне. Идея заключается в том, что как только я нажимаю на ссылку, я попадаю в ту часть страницы (аккордеон действительно находится внизу страницы) и открываю вкладку. Поэтому я использовал следующее: <a href="#prizes" data-toggle="collapse" data-parent="#accordion"><i class="mdi-action-info"></i></a> Который должен работать. ...
php: синтаксический анализ строки из html
Я открыл HTML-файл с помощью file_get_contents('http://www.example.com/file.html') И хотите разобрать строку, включая "ParseThis": <h1 class="header">ParseThis</h1> Как вы можете видеть, он находится в теге h1 (первый тег h1 из файла). Как я могу получить текст "ParseThis"? ...
Как изменить цвет нижнего колонтитула?
Я новичок в HTML и CSS и не могу понять, как я изменяю цвет нижнего колонтитула, который находится в http://materializecss.com/footer.html . любая помощь была бы потрясающей, спасибо! ...
Сохраните изображение файла в localstorage HTML
Я пытаюсь сохранить изображение в localstorage и получить то же самое обратно, когда это требуется, я запутался о том, как сохранить изображение, как я сослался вопрос, связанный с моим же вопросом, но они сложны, наконец, я получил некоторые вещи, которые выглядят идеально для меня, но я запутался, как использовать код для сохранения изображения на локальном хранилищеHear-это код в JSFIDDEL Html: <input type="file" id="bannerImg" /> <img src="" id="tableBanner" /> JS: ba ...
Квадратные скобки с CSS
Я хочу создать скобки [ и ] только с помощью CSS. Есть ли способ указать верхнюю и нижнюю границу (без разрезания изображения), чтобы она выглядела как скобка? .bracket { border-top:20px; border-bottom:20px; border-right:none; border-left: 1px solid black; } ...
jQuery Image map альтернатива
Какова альтернатива использованию карт изображений? Недавно я увидел вопрос, и кто-то сказал: "Почему люди все еще используют карты изображений?"и я хотел знать хорошее CSS или JavaScript решение, чтобы увидеть для себя, если его лучше использовать, чем изображение карты. ...
Динамическое введение фильтров SVG и применение к HTML
Я играю с применением фильтров SVG к HTML. Это работает, если все жестко закодировано, хотя мне нужен идентификатор CSS -webkit-filter для chrome. При попытке создать элемент SVG с фильтром динамически с помощью javascript это не удается. Кто-нибудь может объяснить почему? Вот что у меня есть до сих пор: http://jsfiddle.net/H3UX8/1/ Первая пара изображений и текста размыта в chrome и firefox, а вторая - нет. Выписка не содержит работа: .dynamic div { -webkit-filter: url('#f2'); fil ...
CSS: заставить div поместиться на экране браузера?
Хорошо, я пытаюсь сделать div подходящим по размеру окна браузера. Так что у меня есть div с высотой: 100%. Все это очень хорошо. Однако это содержит таблицу (в элементе управления ASPX я не могу изменить код и т. д., прием.), и много уровней вниз есть div с "height: 1869px" (и переполнение:auto и position:relative, если это имеет значение). Это приводит к изменению размера таблицы, чтобы соответствовать этому, и вся страница заканчивается прокруткой. IE8 developer tools report мой внешний div и ...
Библиотека C++ для преобразования HTML в PDF? [закрытый]
Я ищу библиотеку C / C++ для преобразования HTML (фактически XHTML + CSS) документов в PDF. Он предназначен для коммерческого использования, и источник был бы хорошим, но не существенным. У кого-нибудь есть рекомендации или опыт в этом деле? UPDATE: чтобы уточнить, я ориентируюсь только на платформу Windows. Я разрабатываю с Borland C++ Builder 2006, но библиотека не обязательно должна быть компонентом VCL. Заранее большое спасибо. Стив. ...
unicode смайлики не отображаются на Chrome
Когда я вставляю смайлики unicode в <span> с помощью стандартного jQuery, они не появляются в Chrome (v48), но появляются в Firefox (v43) и Safari (v9). Сравните эти скриншоты: Хром: FIREFOX: Здесь есть какое-нибудь объяснение? ...
Рендеринг изображения с php вывод его с тегом html
У меня есть класс с несколькими функциями, которые могут отображать изображения. // render.php class Render { public function Render($some_arguments) { ... header("Content-Type: image/png"); $im = @imagecreate(110, 20) or die("Cannot Initialize new GD image stream"); $background_color = imagecolorallocate($im, 0, 0, 0); $text_color = imagecolorallocate($im, 233, 14, 91); imagestring($im, 1, 5, 5, "A Simple Text String", $text_color); ...
Есть ли способ использовать CSS, чтобы фоновое изображение действовало как "обложка", но на 120%?
Значение CSS background-size: cover растянет изображение, но сохранит его отношение ширины к высоте. Однако он будет растягивать его только до тех пор, пока наименьшая сторона не достигнет 100% той же стороны родительского узла. /* This is an image of 100px Wide x 50px Tall, so it'll stretch to 100% of the window height and then scale the width larger to retain its width-to-height ratio. */ body { background-image: url( "/images/test.png" ); background-size: cover; backgroun ...
Как переместить мигающий курсор в css?
Я работаю над веб-сайтом (встроенным в HTML/CSS), в котором я хочу переместить мигающий курсор вправо, чтобы он не был вверху значка. Фрагменты HTML и CSS, которые я использовал для того, чтобы сделать значок поиска: .searchicon { position: absolute; left: 34.5%; top: 22.4%; transform: translateY(-50%); color: red; pointer-events: none; } <div class="input-searchicon"> <input class="form-control search_radius mb-4" type="text"> <span class="fa ...