html- все статьи тега ➜ страница 13
Несколько медиа запросов в css не работают
У меня есть несколько запросов в моей таблице стилей, где код@media only screen and (min-width : 768px) and (max-width : 1024px) { } работает отлично, но под ним у меня @media screen and (min-device-width : 176px) (max-device-width : 360px) {} не работает. CSS: @media only screen and (min-width : 768px) and (max-width : 1024px) { body {background: red; } } @media screen and (min-device-width : 176px) (max-device-width : 360px) { body {background: green; } } ...
Увеличение ширины полосы прокрутки в Firefox-html / css
Я видел некоторые вопросы по этому поводу, но эти вопросы не дали решения, которое могло бы работать для меня. Я хочу увеличить ширина скроллбара элемента div. Размер div огромен, поэтому появилась горизонтальная полоса прокрутки. Теперь я хочу увеличить ширину этой полосы прокрутки для большей гибкости. Поэтому я поискал и нашел следующую ссылку с кодом, который работает в браузере Chrome. JSFiddle ::-webkit-scrollbar { width: 2em; height: 2em } ::-webkit-scrollbar-button { backgr ...
IIS / AngularJS Single Page Application-как предотвратить кэширование страниц одного индекса.html при навигации в приложении
Мне нужно сделать мое приложение (SPA), чтобы не кэшировать индекс.html через действия навигации по страницам. Мое приложение имеет перебор кэша, но оно работает только тогда, когда я обновляю (перезагружаю) индекс.формат html. Как заставить приложение не кэшировать индекс.HTML при навигации в мое приложение и обновить индекс.html на каждой странице навигации клик или действие? Вот мой существующий индекс сниппета.html код: <!DOCTYPE html> <html lang="en" manifest="sw.appcache"> ...
XML to XML с использованием XSLT
Я пытаюсь создать новый XML-файл из существующего, используя XSL. При записи нового файла я хочу замаскировать данные, появляющиеся в поле accountname. Вот как выглядит мой XML: <?xml version="1.0" encoding="UTF-8"?> <Sumit> <AccountName>Sumit</AccountName> <CCT_datasetT id="Table"> <row> <CCTTitle2>Title</CCTTitle2> </row> </CCT_datasetT> </Sumit> Вот мой XSL-код: <xsl:styleshee ...
PHP скрипт отправки почты не textarea и дублирующего все остальное в тело
Я пытаюсь отправить электронное письмо со следующим сценарием, который я сделал. Но, кажется, столкнулся со странной проблемой, с которой мне нужна помощь. Почтовый скрипт // Get field values. $name = strip_tags($_POST["name"]); $email = strip_tags($_POST["email"]); $message = $_POST["msg"]; // Check if e-mail address is valid. if (filter_var($email, FILTER_VALIDATE_EMAIL)) { // Set e-mail and subject. $to = "[email protected]"; $subject = "You have a new message."; // Set head ...
MathML в HTML5: изменение шрифта math
Допустим, у меня есть документ HTML5 с некоторым MathML в нем. Я устанавливаю шрифт тела страницы, но он не изменяет шрифт, используемый для символов MathML: <!DOCTYPE html> <html lang="en"> <head> <title>Example of MathML embedded in an HTML5 file</title> <meta charset="utf-8" /> </head> <body style="font-family: courier;"> Quadratic formula <math><mrow> <mi>x</mi> <mo>=</mo> ...
Internet Explorer 11 перенос слов не работает
Похоже, что перенос слов больше не работает для элементов textarea в IE 11. В IE 10 и более ранних версиях FF, Safari и Chrome перенос слов работает должным образом. IE 11 не реализует никакого переноса слов. Я попытался добавить "wrap=hard "в тег textarea, а также добавить" word-wrap: normal; " в CSS. Кто-нибудь еще сталкивался с этой проблемой? Если да, то нашли ли вы решение? Windows выталкивает это обновление, и непоследовательное поведение становится проблема. Спасибо за любую помощь, ко ...
Выделение текста в IFrame
Я пытаюсь создать конструктор подписей электронной почты с использованием HTML, CSS и Javascript. В настоящее время I состоит из формы, в которую пользователь вводит свои данные, и кнопки для создания подписи. Когда кнопка нажата, я должен JS нажать детали, которые пользователь ввел в шаблон HTML, а затем отобразить содержимое в IFrame на той же странице. Я решил использовать IFrame, чтобы стиль подписи был отделен от стиля, используемого для конструктора страница. Теперь, чтобы упростить ...
Materializecss sidenav не работает
Я пытаюсь заставить sidenav работать для фреймворка Materializecss. MATERIALIZECSS http://next.materializecss.com/getting-started.html SIDENAV DEMO http://next.materializecss.com/sidenav.html Мой кодовый ключ https://codepen.io/gregoryksanders/pen/RxoyqB <head> <!--Import Google Icon Font--> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="htt ...
Изменение цвета текста на навигационной панели с помощью Materialize CSS (rails)
Я хочу создать навигационную панель с белым фоном и черным текстом, но мне не удалось получить текст в ссылках внутри навигационной панели, чтобы он был не белым. Вещи, которые я пробовал: - добавление класса "черный текст" на Ли теги, тег ул, окружающие теги div и Навь - определение класса в моем приложении.scss-файл для каждого тега li. - добавление li, nav, a { color: black;} в мое приложение.scss файл Вот html для навигационной панели: <header class="nav"> <nav&g ...
html-воспроизведение gif один раз при наведении и воспроизведение в обратном порядке при наведении мыши
Я хочу иметь GIF, который воспроизводится один раз, когда вы наведете на него курсор мыши и остановитесь на последнем кадре, а затем, когда вы переместите мышь с изображения, он должен воспроизводиться назад и останавливаться на первом кадре. У меня есть статическое изображение для первого и последнего кадра, а также отдельные анимированные GIF-файлы, воспроизводящие анимацию вперед и назад, я просто не знаю, как я буду это программировать. Оптимально я бы просто использовал CSS, но из того, ч ...
Создание высоты div 100% от высоты порта просмотра или всей высоты страницы
Если вы посмотрите на этот пример jsfiddle: http://jsfiddle.net/2YbpZ/ Вы можете видеть, что оба элемента sidebar и content тянутся к нижней части окна просмотра. Вот чего я хочу. Однако, когда дается некоторый контент, который растягивает страницу и требует от пользователя прокрутки: http://jsfiddle.net/p6qGg/ Дивы sidebar и content отсекаются в нижней части иллюминатора. Я знаю, почему это происходит, потому что 100% относится ко всему высота родительского элемента, который в данном случа ...
Как разместить вывод из внешнего php файла в определенном месте страницы
Я посмотрел на другие сообщения здесь, касающиеся подобных вопросов, но не могу найти ответа. Edit я играл с этим и хочу несколько изменить свой вопрос. У меня возникла проблема с размещением вывода, который повторяется из внешнего файла php. Вот пример кода для демонстрации моей проблемы-это мой основной файл writephp.php: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test Php </title> <link rel="stylesheet" href=" ...
Почему стоит $(документ).ready (); undefined?
Я думал, что делаю все правильно, однако я продолжаю получать эту ошибку. $(документ).ready (); / / undefined в консоли. Я импортировал свой сценарий jquery. <script src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script > $(document).ready(function(){ $("div#chat").hide(); }); function send_file(){ } function remove_selected(){ } function changeToFile(){ ...
CSS overflow-только 1 строка текста
У меня есть div со следующим стилем css: width:335px; float:left; overflow:hidden; padding-left:5px; Когда я вставляю в эту div длинную строку текста, она разрывается на новую строку и отображает весь текст. Я хочу иметь только одну строку текста,которая не будет прерываться. Когда текст длинный, я хочу, чтобы этот переполненный текст исчез. Я думал о том, чтобы установить высоту, но, кажется, это неправильно. Может быть, если я добавлю высоту, которая совпадает с шрифтом, это должно раб ...
Div дисплей: начальный не работает, как предполагалось в ie10 и chrome 29
Я хочу отобразить div со следующими ограничениями: автоматически скрывается под шириной 1024px можно переключать кнопкой под шириной 1024px, но если я нажму somwhere (не внутри div), класс activeDiv должен быть удален У меня есть фиктивный пример в codepen Таким образом, возникли следующие проблемы: в IE10 кнопка переключения просто не работает (не Скрыть / показать div) я проверяю с помощью инструментов разработчика, но никаких признаков display: initial в Chrome 29 div появляется ...
Изменение цвета SVG при наведении на родительский элемент
У меня есть меню. Каждый пункт меню имеет изображение SVG и текст. SVG встроен с помощью <object> <ul id="menu-content" class="menu-content collapse out"> <li id="calculator"> <a href="#"> <tr> <td> <object type="image/svg+xml" data="assets/calculator.svg"> </object> </td> <td class="menu-option"> <span class="menu-option"> Pricing & Services ...
Как придать тексту или изображению прозрачный фон с помощью CSS?
возможно ли, используя только CSS, сделать background элемента полупрозрачного, но имеют ли содержимое (текст и изображения) элемента непрозрачным? Я хотел бы сделать это без текста и фона в виде двух отдельных элементов. при попытке: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> похоже ...
Как проверить, установлен ли флажок в jQuery?
мне нужно проверить checked свойство флажка и выполнить действие на основе проверенного свойства с помощью jQuery. например, если установлен флажок возраст, то мне нужно показать текстовое поле для ввода возраста, иначе скрыть текстовое поле. но следующий код возвращает false по умолчанию: if ($('#isAgeSelected').attr('checked')) { $("#txtAge").show(); } else { $("#txtAge").hide(); } как мне успешно запросить checked собственность? ...
Каковы допустимые значения для атрибута id в HTML?
при создании id атрибуты для HTML-элементов, какие правила существуют для значение? ...