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

У меня есть форма с переключателями, которые находятся в той же строке, что и их метки. Однако переключатели не выровнены по вертикали со своими метками, как показано на снимке экрана ниже. Как я могу вертикально выровнять радиокнопки с их метками? Редактировать: Вот HTML-код: <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label …

96 html  css  forms  xhtml  radio-button 

При написании таблицы стилей печати есть способ гарантировать, что изображение всегда находится только на одной странице, а не на нескольких страницах. Изображения намного меньше размера страницы, но в зависимости от потока документов они оказываются внизу страницы и разделяются. Пример поведения, который я вижу, приведен ниже: Page 1 | | | …

96 css  image  printing  print-style 

Итак, у меня есть этот код: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> с CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } …

96 html  css  html-table  width 

Я пытаюсь реализовать эффект постепенного исчезновения на чистом CSS. Вот скрипка . Я изучил пару решений в Интернете, однако, прочитав документацию в Интернете , я пытаюсь понять, почему анимация слайдов не работает. Есть указатели? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap …

96 css  css-transitions 

Я хочу создать чередующиеся блоки 100% цвета. «Идеальная» ситуация иллюстрируется как привязанность, так и текущая ситуация. Желаемая настройка: В настоящее время: Моей первой идеей было создать класс div, присвоить ему цвет фона и дать ему 100% ширину. .block { width: 100%; background: #fff; } Однако вы можете видеть, что это …

96 css  twitter-bootstrap  width 

Кто-нибудь знает, как изменить размер видео-постера HTML5, чтобы он точно соответствовал размерам самого видео? вот jsfiddle, который показывает проблему: http://jsfiddle.net/zPacg/7/ вот этот код: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ Обратите внимание, …

96 css  html  attributes  html5-video 

Мне нужно знать, как рисовать многоугольники на холсте. Без использования jQuery или чего-то подобного.

95 javascript  css  html  canvas 

Я заметил, что новый браузер Microsoft Edge переопределяет мои стили при обнаружении телефонных номеров: <span class="phone">(123)123-1234</span> См. Этот jsfiddle (должен быть открыт с помощью Microsoft Edge: P). Этот вид вторгается в дизайн веб-сайта и довольно неприятен. Конечно, похоже на преемника IE: / Как я могу переопределить или отключить это, чтобы …

95 html  css  microsoft-edge 

Я хочу, чтобы внешний вид divбыл черным, чтобы обернуть его divплавающим внутри. Я не хочу использовать style='height: 200pxв divс outerdivидентификатором, так как я хочу, чтобы он автоматически был высотой своего содержимого (например, плавающий divs). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div …

95 css  html  css-float 

Клиент предоставил мне дизайн, в котором есть меню Select Option, содержащее флажок вместе с названием элемента в виде отдельных элементов в списке. Есть ли возможность добавить флажок в меню выбора параметров? NB: разработчику необходимо добавить свой собственный идентификатор, чтобы сделать меню эффективным, мне нужен только код HTML CSS, если это …

95 javascript  html  css  html-select 

У меня чертовски много времени с этим конкретным селектором CSS, который не хочет работать, когда я добавляю :not(:empty)к нему. Кажется, он отлично работает с любой комбинацией других селекторов: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Если я удалю :not(:empty)деталь, она будет работать нормально. Даже если я изменю селектор на input:not(:empty)него, …

95 html  css  css-selectors 

Если я устанавливаю значение CSS для определенного элемента, используя: $('#element').css('background-color', '#ccc'); Я хочу иметь возможность отключить это значение для конкретного элемента и использовать каскадное значение в следующих строках: $('#element').css('background-color', null); Но этот синтаксис, похоже, не работает - возможно ли это с использованием другого синтаксиса? Изменить: значение не наследуется от родительского …

95 jquery  css 

В настоящее время этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, потребует дебатов, аргументов, опросов или расширенного обсуждения. Если вы считаете, что этот вопрос можно улучшить и, возможно, снова открыть, обратитесь за помощью …

95 html  css  resolution 

Такие вещи, как a:linkили div::after... Информация о разнице кажется скудной.

95 css  css-selectors  pseudo-class  pseudo-element 

Каким будет правильный метод вертикального центрирования любого содержимого с определенной шириной / высотой div. В примере есть два содержимого с разной высотой, как лучше всего центрировать по вертикали оба с помощью класса .content. (и это работает для любого браузера и без решения table-cell) У вас есть некоторые решения, но хотелось …

95 html  css  vertical-alignment