программирование html

8

Я хочу получить данные пути SVG из глифов Font Awesome, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать данные пути из fontawesome-webfont.svg , но когда я использую его в своем HTML, все символы отображаются в перевернутом виде. …

89 html svg font-awesome

8

Заставить ширину столбцов таблицы всегда фиксировать независимо от содержимого

У меня есть таблица html table-layout: fixedи td с установленной шириной. Столбец по-прежнему расширяется, чтобы вместить текст, не содержащий пробелов. Есть ли способ исправить это, кроме как обернуть содержимое каждого td в div? Пример: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> …

89 html css

3

Как вы используете window.postMessage в доменах?

Похоже, что смысл window.postMessage заключается в том, чтобы обеспечить безопасную связь между окнами / фреймами, размещенными в разных доменах, но на самом деле это не позволяет этого в Chrome. Вот сценарий: Вставить <iframe> (с a srcв домене B * ) на страницу в домене A <iframe> оказывается в основном тегом …

89 javascript html google-chrome xss

8

Есть ли эквивалент srcset для фонового изображения css

imgwith srcsetattribute выглядит как отличный способ создания адаптивных изображений. Есть ли эквивалентный синтаксис, который работает в background-imageсвойстве css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html css background-image srcset

8

Фоновое изображение 100% ширины с автоматической высотой

В настоящее время я работаю над мобильной целевой страницей для компании. Это действительно базовый макет, но под заголовком есть изображение продукта, которое всегда будет иметь 100% ширину (дизайн показывает, что оно всегда идет от края к краю). Очевидно, что в зависимости от ширины экрана высота изображения будет соответственно изменяться. Первоначально …

89 html css background-image responsive responsive-images

9

Как встроить программу просмотра PDF на страницу?

Если я не ошибаюсь, Google Docs предлагает средства для отображения PDF-файла, который хранится на том же сервере, что и веб-страница, через файл <iframe>, но мне нужно знать, как я могу сделать это кроссбраузерным способом.

89 html pdf

2

Можете ли вы оформить номера упорядоченного списка?

Я пытаюсь стилизовать числа в упорядоченном списке, я хотел бы добавить цвет фона, радиус границы и цвет, чтобы они соответствовали дизайну, над которым я работаю: Я думаю, это невозможно, и мне придется использовать разные изображения для каждого числа, т.е. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Есть ли решение попроще?

89 html css html-lists sprite

6

Абсолютное позиционирование внутри абсолютного положения

У меня 3 divэлемента. 1-й divбольше (обертка) и имеетposition:relative; 2-й divпозиционируется абсолютно по отношению к 1-му divотносительному позиционированию (и входит в 1-й div) 3-й divсодержится во 2-м divи также имеет абсолютное позиционирование. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Почему 3-я divпозиция абсолютна по отношению ко второй div(которая также …

89 html css css-position

3

Воспроизвести локальный (жесткий диск) видеофайл с тегом HTML5 video?

Я хочу добиться следующего. <video src="file:///Users/username/folder/video.webm"> </video> Смысл в том, что пользователь сможет выбрать файл со своего жесткого диска. Причиной отказа от загрузки, конечно же, является стоимость передачи и квота хранения. Не будет причин для сохранения файла. Является ли это возможным?

89 html video html5-video offline

2

Данные PNG Base64 в холст HTML5

Я хочу загрузить изображение PNG, закодированное в Base64, в элемент холста. У меня есть такой код: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> В Chrome 8 появляется ошибка: Uncaught TypeError: Type error …

89 html canvas png base64

4

Центральный фиксированный div с динамической шириной (CSS)

У меня есть div, в котором будет этот CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Теперь, как я могу сделать этот div центрированным? Я могу использовать, margin-left: -450px; left: 50%;но это будет работать, только если экран> 900 пикселей. После этого (когда размер окна …

89 css html center

2

Динамическое добавление элементов ввода в форму

Я прочитал много блогов и сообщений о динамическом добавлении наборов полей, но все они дают очень сложный ответ. То, что мне нужно, не так уж сложно. Мой HTML-код: <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> Итак, пользователь вводит целочисленное значение (я проверяю проверку с …

89 javascript html forms

9

Vue.js data-bind style backgroundImage не работает

Я пытаюсь привязать src изображения к элементу, но, похоже, это не работает. Я получаю сообщение «Недопустимое выражение. Созданное тело функции: {backgroundImage: {url (image)}». В документации говорится, что можно использовать «футляр для кебаба» или «футляр для верблюда». <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Вот скрипка: https://jsfiddle.net/0dw9923f/2/

89 javascript html css vue.js

5

что делает -webkit-transform: translate3d (0,0,0); точно делать? Применить к телу?

что -webkit-transform: translate3d(0,0,0); именно делает? Есть ли проблемы с производительностью? Просто применить его к телу или отдельным элементам? Кажется, это значительно улучшает события прокрутки. Спасибо за урок!

89 html css webkit

14

Подождите, пока курсор переместится на всю html-страницу

Можно ли простым способом установить курсор на «ожидание» на всей странице html? Идея состоит в том, чтобы показать пользователю, что что-то происходит, пока выполняется вызов ajax. В приведенном ниже коде показана упрощенная версия того, что я пробовал, а также показаны проблемы, с которыми я столкнулся: если для элемента (# id1) …

89 javascript html css dynamic-css

Вопросы с тегом «html»