Вот иллюстрация проблемы (проверено в Firefox и Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Запустить фрагмент кодаHide resultsРазвернуть фрагмент Посмотреть на JSFiddle Обратите внимание на...
У меня какая то странная проблема. Я пытаюсь создать сайт с зацикленным фоновым видео. Код выглядит так: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> Запустить фрагмент кодаСкрыть результатыРазвернуть...
Я видел следующие методы помещения кода JavaScript в <a>тег: function DoSomething() { ... return false; } <a href="javascript:;" onClick="return DoSomething();">link</a> <a href="javascript:DoSomething();">link</a> <a href="javascript:void(0);" onClick="return...
Мне интересно, как можно постоянно отображать вертикальную полосу div (выделенную серым цветом, если нет прокрутки), аналогичную нашим обычным полосам. В основном я пытаюсь разместить весь веб-сайт в div (например, gmail / facebook), поэтому, если страница недостаточно длинная, вся страница...
У меня особенная и неприятная проблема. Для простой разметки: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr>...
Символ является пространством , которое не позволяет линии разрыва. <p>lorem ipsum here are some words and so on</p> | lorem ipsum | | here are some words and so | | on | Что противоположно этому? То есть символ, который НЕ отображается как пробел,...
Как программно выделить текст поля ввода на устройствах iOS, например iPhone, iPad с мобильным Safari? Обычно достаточно вызвать .select()функцию для <input ... />элемента, но на этих устройствах это не работает. Курсор просто остается в конце существующей записи без выбора....
Я пытаюсь загрузить изображение, выбранное пользователем, через элемент. Я добавил обработчик события onchange к элементу ввода следующим образом: <input type="file" name="picField" id="picField" size="24" onchange="preview_2(this);" alt=""/> а функция preview_2: var outImage ="imagenFondo";...
Как получить фиксированный верхний колонтитул, нижний колонтитул с прокручиваемым содержимым? Что-то вроде этой страницы . Я могу посмотреть исходный код, чтобы получить CSS, но я просто хочу знать минимум CSS и HTML, который мне нужен, чтобы это работало....
Есть ли простой способ переключить переключатель - при нажатии на текст рядом с ним - без добавления какой-либо большой Javascript Framework в мой маленький проект PHP? Веб-форма выглядит так: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio"...
Кажется, я припоминаю, что большинство (возможно, все) атрибутов в предыдущих версиях HTML (до HTML5) требовали, чтобы атрибуты имели значения, например readonly="readonly". Верно ли это для HTML5 и autofocusатрибута?...
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место Как я могу заставить div заполнить оставшуюся ширину? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3"...
Мне нужно уведомление в стиле facebook, но получить что-то, что хорошо выглядит в кросс-браузере, кажется сложным. Например, разные браузеры по-разному обрабатывают отступы, что приводит к странному виду уведомлений. Как лучше всего обеспечить удобное отображение уведомлений в разных браузерах? Не...
Я хотел бы уточнить, возможно ли сделать div подходящим по размеру на основе размера содержимого без необходимости делать элементы плавающими или делать их положение абсолютным. Является ли это возможным?...
Я пытаюсь сделать кнопку так, чтобы, когда пользователь нажимает на нее, она меняет свой стиль, пока кнопка мыши удерживается. Я также хочу, чтобы он изменил свой стиль аналогичным образом, если его коснутся в мобильном браузере. Для меня казалось очевидным использовать псевдокласс CSS: active, но...
Скажем, у меня есть <div class="myDiv">Hi there</div> Я хочу поставить background-imageи дать ему opacityиз 0.5- но я хочу , что текст , который я написал будет иметь полную непрозрачность ( 1). Если бы я написал такой CSS .myDiv { opacity:0.5 } все будет с низкой непрозрачностью - а я...
Я создаю веб-приложение викторины с использованием PHP. Каждый вопрос состоит из отдельных <label>и имеет 4 возможных варианта radio buttonsответа , которые позволяют пользователю выбрать свой ответ. Текущий HTML-код для одного вопроса выглядит так: <label for="349">What is my middle...
Есть ли способ масштабировать ширину an <input type="text">до ширины фактического значения? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> Запустить...
Мне нужна ссылка, которая ничего не делает. Я не хочу этого: <a href="#"> потому что тогда URL-адрес становится something.com/whatever/#. Единственная причина, по которой мне нужна ссылка, - это чтобы пользователь мог видеть, что он может щелкнуть текст. JavaScript используется для...
У меня есть строка сказать string display_txt = "1st line text" +"\n" + "2nd line text"; в JQuery я пытаюсь использовать ('#somediv').html(display_txt).css("color", "green") совершенно очевидно, что я ожидаю, что мое сообщение будет отображаться в 2 строках, но вместо этого в сообщении...