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

97
Адаптивные таблицы Bootstrap 4 не будут занимать 100% ширины

Я создаю веб-приложение с помощью Bootstrap 4 и сталкиваюсь с некоторыми странными проблемами. Я хочу использовать класс Bootstrap, реагирующий на таблицы, чтобы разрешить горизонтальную прокрутку таблиц на мобильных устройствах. На настольных устройствах таблица должна занимать 100% ширины...

96
CSS способ горизонтального выравнивания таблицы

Я хочу показать таблицу фиксированной ширины в центре окна браузера. Сейчас использую <table width="200" align="center"> Но Visual Studio 2008 дает предупреждение в этой строке: Атрибут align считается устаревшим. Рекомендуется более новая конструкция. Какой стиль CSS следует применить к...

96
Как изменить стиль CSS в коде файла для div в ASP.NET?

Я пытаюсь изменить атрибут стиля CSS для div на основе информации, которую я получаю из таблицы базы данных в коде за моей страницей aspx. По сути, я пытаюсь сделать следующее, но получаю ошибки. Aspx: <div id="testSpace" runat="server"> Test </div> Код позади: testSpace.Style =...

96
Поля ячейки CSS

В моем HTML-документе у меня есть таблица с двумя столбцами и несколькими строками. Как я могу увеличить пространство между первым и вторым столбцами с помощью CSS? Я пробовал применить "margin-right: 10px;" к каждой ячейке с левой стороны, но безрезультатно....

96
Ячейки таблицы одинакового размера для заполнения всей ширины содержащей таблицу

Есть ли способ использовать HTML / CSS (с относительными размерами), чтобы строка ячеек растягивала всю ширину таблицы, в которой она содержится? Ячейки должны быть одинаковой ширины, а размер внешней таблицы также должен быть динамическим <table width="100%">. В настоящее время, если я не...

96
Таблица переполнена за пределами div

Я пытаюсь предотвратить переполнение таблицы, ширина которой явно указана, за пределами ее родительского элемента div. Я предполагаю, что могу сделать это каким-то образом max-width, но мне кажется, что это не работает. Следующий код (с очень маленьким окном) вызовет это: <style...

96
Стили печати: как убедиться, что изображение не занимает разрыв страницы

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

96
Две цветные границы

Клиент хочет двухцветные рамки для тисненого вида. Могу я сделать это с одним элементом? Я надеялся избежать объединения двух элементов DOM с отдельными границами....

96
Остановить прокрутку с фиксированной позицией в определенный момент?

У меня есть элемент position: fixed, поэтому он прокручивает страницу так, как я хочу. когда пользователь прокручивает вверх, я хочу, чтобы элемент перестал прокручиваться в определенной точке, скажем, когда он находится на расстоянии 250 пикселей от верха страницы, возможно ли это? Любая помощь...

96
CSS: как расположить два элемента друг над другом без указания высоты?

У меня есть два DIV, которые мне нужно расположить точно друг над другом. Однако, когда я это делаю, форматирование оказывается запутанным, потому что содержащий DIV действует так, как будто нет высоты. Я думаю, что это ожидаемое поведение, position:absoluteно мне нужно найти способ расположить...

96
Стилизация кнопок twitter bootstrap

Кнопки Twitter-Bootstrap потрясающе красивы. Попробуйте их, прокрутив их Но они ограничены по цветовой гамме. Можно ли как-нибудь изменить базовый цвет кнопки, сохранив при этом красивый эффект наведения курсора, который бутстрап сделал таким красивым и легким? Я совершенно не знаю, как выглядит...

96
Производительность CSS относительно translateZ (0)

В ряде блогов отмечается повышение производительности за счет «обмана» графического процессора, заставляющего думать, что элемент является трехмерным, с помощью transform: translateZ(0)ускорения анимации и переходов. Мне было интересно, есть ли последствия для использования этого преобразования...

96
Сделайте видео постер HTML5 такого же размера, как и само видео

Кто-нибудь знает, как изменить размер видео-постера HTML5, чтобы он точно соответствовал размерам самого видео? вот jsfiddle, который показывает проблему: http://jsfiddle.net/zPacg/7/ вот этот код: HTML: <video controls width="100%" height="100%"...

96
100% ширина элемента Bootstrap

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

96
Поместите значки в круг

Как я могу расположить несколько <img>элементов по кругу вокруг другого и сделать так, чтобы все эти элементы также были интерактивными ссылками? Я хочу, чтобы это выглядело как на картинке ниже, но я понятия не имею, как добиться этого эффекта. Это вообще возможно?...

96
Как вертикально выровнять переключатель html к его метке?

У меня есть форма с переключателями, которые находятся в той же строке, что и их метки. Однако переключатели не выровнены по вертикали со своими метками, как показано на снимке экрана ниже. Как я могу вертикально выровнять радиокнопки с их метками? Редактировать: Вот HTML-код: <input...

96
CSS3 Transition - Эффект исчезновения

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

96
Растянуть высоту дочернего div, чтобы заполнить родительский элемент с динамической высотой

Как видно из следующей скрипки, у меня есть два divs, содержащихся в родительском элементе div, которые растянуты, чтобы содержать большой div, моя цель - сделать эти дочерние divs равными по высоте. http://fiddle.jshell.net/y9bM4/...