html- все статьи тега ➜ страница 31


Как центрировать флажок в ячейке таблицы?

клетка не содержит ничего, кроме флажка. Он достаточно широк из-за текста в строке заголовка таблицы. Как мне центрировать флажок (с помощью встроенного CSS в моем HTML? (Я знаю)) пробовал <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> но это не сработало. Что я делаю не так? обновление: вот тестовая страница. Может ли кто - нибудь исправить это - с помощью CSS inline в HTML-так, чтоб ...

CSS3 Flexbox поддерживает соотношение сторон изображения

используя модель CSS flex box, как я могу заставить изображение поддерживать его соотношение сторон? JS Скрипка http://jsfiddle.net/xLc2Le0k/2/ обратите внимание, что изображения растягиваются или сжимаются, чтобы заполнить ширину контейнера. Это нормально, но можем ли мы также растянуть или сжать высота для сохранения пропорций изображения? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" ...

Как установить фокус на поле ввода с помощью JQuery

учитывая следующую структуру HTML: <div class="wrapper"> <div class="top"> <a href="http://example.com" class="link">click here</a> </div> <div class="middle"> some text </div> <div class="bottom"> <form> <input type="text" class="post"> <input type="submit"> </form> </div> <div> который будет повторяться несколько раз на странице, ...

Как избавиться от смещения элемента с помощью CSS?

у меня есть проблема позиционирования с некоторыми элементами, после проверки его IE8 Developer tools он показывает мне это: теперь я уверен, что моя проблема в том, что 12 смещение, но как я могу удалить его? Я не могу найти никакого упоминания о свойстве смещения CSS. Нужно ли нам смещение в дополнение к марже? вот код, который производит это: <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id= ...

Как изменить цвет фона параметра выбрать поле?

у меня есть поле выбора, и я пытаюсь изменить цвет фона параметров, когда поле выбора было нажато и показывает все параметры. Посмотреть Скрипка html <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> css select{ margin:40px; background: rgba(0,0,0,0 ...

Есть ли HTML-код напротив?

есть ли тег в HTML, который будет отображать только его содержимое, если включен JavaScript? Я знаю <noscript> работает наоборот, отображая его содержимое HTML, когда JavaScript выключен. Но я хотел бы только отображать форму на сайте, если JavaScript доступен, рассказывая им, почему они не могут использовать форму, если у них ее нет. единственный способ, которым я знаю, как это сделать, это с document.write(); метод в теге скрипта, и это кажется немного грязным для больших объемов ФОРМАТ ...

CSS-изображение изменяет размер в процентах от себя?

Я пытаюсь изменить размер img с процентом от себя. Например, я просто хочу уменьшить изображение наполовину, изменив его размер до 50%. Но применяя width: 50%; изменит размер изображения на 50% от элемента контейнера (родительский элемент, который может быть <body> например). вопрос в том, Могу ли я изменить размер изображения с процентом без использования JavaScript или серверный? (У меня нет прямой информации о размере изображения) Я уверен, что вы не могу этого сделать, но я просто х ...

Понимание классов сетки (col-sm - # и col-lg -#) в Bootstrap 3

Я начинаю работу на Bootstrap 3, и у меня возникли некоторые проблемы с пониманием того, как классы сетки предназначены для использования. вот что я уяснил: похоже, что классы col-sm-# и col-lg-# отличаются от старых добрых col-# в том, что они будут применяться только тогда, когда экраны выше определенного размера (768px и 992px соответственно). Если вы опустите-sm - или-lg-divs никогда не свернется в один столбец. однако, когда я создаю два дива внутри строки, которые оба col-sm-6 кажется, ...

Отключить вставку текста в HTML-форму

есть ли способ с помощью JavaScript отключить возможность вставки текста в текстовое поле на HTML-форме? например. У меня есть простая регистрационная форма, где пользователь должен ввести свою электронную почту дважды. Вторая запись электронной почты-это проверка отсутствия опечаток в первой записи электронной почты. Однако, если пользователь копирует / вставляет свою электронную почту, это побеждает цель, и у меня возникают проблемы с пользователями, потому что они ввели неправильное электрон ...

Отключить собственный datepicker в Google Chrome

выбор даты приземлился на Chrome 20, есть ли атрибут, чтобы отключить его? Вся моя система использует jQuery UI datepicker, и это crossbrowser, поэтому я хочу отключить Chrome native datepicker. Есть ли атрибут тега? ...

getAttribute () против свойств объекта элемента?

выражения типа Element.getAttribute("id") и Element.id вернуться то же самое. какой из них следует использовать, когда нам нужны атрибуты объекта HTMLElement? есть ли кросс-браузер проблема с этими методами, как getAttribute() и setAttribute()? или любое влияние на производительность между прямым доступом к свойствам объекта и использованием этих методов атрибутов? ...

Преобразовать JSON-данные в HTML-таблице [закрыт]

есть ли библиотека jQuery или javascript, которая генерирует динамическую таблицу с данными json? Я не хочу определять столбцы, библиотека должна читать ключи в хэше json и генерировать столбцы. конечно, я могу сам перебирать данные json и генерировать таблицу html. Я просто хочу знать, существует ли такая библиотека, которую я могу просто использовать. ...

html (+css): обозначение предпочтительного места для разрыва строки

допустим, у меня есть этот текст, который я хочу отобразить в ячейке таблицы HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks и я хочу, чтобы строка прерывалась преимущественно после одной из запятых. есть ли способ сказать HTML-рендереру, чтобы попытаться сломать в определенном месте, и сделать это сначала, прежде чем пытаться сломать после одного из пробелов, без ...

Как нормализовать HTML в JavaScript или jQuery?

теги могут иметь несколько атрибутов. Порядок отображения атрибутов в коде не имеет значения. Например: <a href="#" title="#"> <a title="#" href="#"> как я могу "нормализовать" HTML в Javascript, поэтому порядок атрибутов всегда один и тот же? Мне все равно, какой порядок выбран, если он всегда один и тот же. обновление: моя первоначальная цель состояла в том, чтобы облегчить diff (в JavaScript) 2 HTML-страницы с небольшими различиями. Потому что пользователи могут использовать ...

Как молча скрыть значок "изображение не найдено", когда исходное изображение src не найдено

вы знаете, как скрыть классический "изображение не найдено" значок с отображаемой HTML-страницы, когда файл изображения не найден? любой метод работы с использованием JavaScript/jQuery / CSS? ...

Масштабирование HTML img

Я пытаюсь отобразить некоторые большие изображения с тегами HTML img. В данный момент они выходят за край экрана; как я могу масштабировать их, чтобы оставаться в окне браузера? или в вероятном случае, если это невозможно, можно ли хотя бы сказать "отобразить это изображение на 50% от его нормальной ширины и высоты"? атрибуты width и height искажают изображение - насколько я могу судить, это связано с тем, что они ссылаются на любые атрибуты контейнера в конечном итоге, что будет не связано с ...

фильтр новой строки angularjs без другого html

Я пытаюсь конвертировать символы новой строки (n) в html br ' s. Согласно это обсуждение в группе Google, вот что у меня есть: myApp.filter('newlines', function () { return function(text) { return text.replace(/n/g, '<br/>'); } }); обсуждение там также советует использовать следующее В представлении: {{ dataFromModel | newline | html }} это, кажется, с помощью старого html фильтр, в то время как теперь мы должны использовать . несмотря на это, это создает проблему ...

Как заставить vim синтаксис-выделить файл как html?

Как настроить подсветку синтаксиса vim для обработки расширения файла как html-файла? Я использую шаблон ez, поэтому расширение файла .ezt. Но очень много это обычный html код. ...

Как отправить объект JSON с помощью данных html-формы [закрыто]

Итак, у меня есть эта HTML-форма: <html> <head><title>test</title></head> <body> <form action="myurl" method="POST" name="myForm"> <p><label for="first_name">First Name:</label> <input type="text" name="first_name" id="fname"></p> <p><label for="last_name">Last Name:</label> <input type="text" name="last_name" id="lname"></p> <input value="Submit ...

CSS: изменить изображение src на img: hover

мне нужно изменить <img> исходный URL-адрес hover. Я пробовал это, но не работает : HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle любая помощь будет оценили. обновление: это работает только для Webkit / Google Chrome. ...