CSS - Страница 611

У меня есть проект, для которого требуется таблица, включающая столбцы как с фиксированной, так и с гибкой шириной.

Некоторые столбцы всегда должны иметь ширину 80 пикселей, независимо от ширины браузера.

Остальные столбцы должны иметь гибкую...

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

Мне удалось создать вышеуказанное часть, но я хочу создать, как показано в нижней части изображения, выделенного красным кружком. Мне нужно использовать Chakra UI 2.10.4 в React
мой код:

Accelerator Program

Cohart Number: N/A

Time Spent:...

Я хочу применить переход к элементам диалога при их открытии, но мой атрибут перехода, похоже, не имеет никакого эффекта. Вот мой код:

const dialog = document.querySelector( dialog );

document.querySelector( #open-button ).addEventListener(...

Мне хотелось бы, чтобы на странице были полноразмерные наклонные полосы; вот и все.
Вот что я сделал до сих пор:

html, body {
overflow-x: hidden;
margin: 0;
padding: 0;
}
body {
display: flex;
margin: 0;
padding: 0;
}

.flag-strip {
position:...

Я хочу создать прогрессивную полосу шагов с аккордеоном для отслеживания моей задачи с помощью HTML js или jQuery, css и bootstrap 5.
На каждом этапе мне нужен аккордеон, который может показывать мне детали и устанавливать мою задачу « закончить» с...

Я буду признателен за предложения о том, как реализовать эту функцию переворота в моем угловом приложении. В настоящее время он частично работает (см. образец на stackblitz (нажмите, чтобы просмотреть образец). В настоящее время я использую свойство...

Если порядок значений для свойства сокращенной анимации CSS следующий: анимация: ] ; , какой смысл имеет приведенный ниже CSS?

анимация: cafe-labels-active 0,5 с 0,5 с кубический-безье (0,645, 0,045, 0,355, 1) оба;

Похоже, что предшествует , и...

Я хочу создать прогрессивную полосу шагов с аккордеоном для отслеживания моей задачи с помощью HTML js или jQuery, css и bootstrap 5.
На каждом этапе мне нужен аккордеон, который может показывать мне детали и устанавливать мою задачу « закончить» с...

У меня есть форма, в которой я пытаюсь настроить раскрывающееся меню под полем ввода.
Моя проблема в том, что я не могу сделать раскрывающееся меню одинаковой ширины. в качестве поля ввода над ним.
Если я настраиваю раскрывающееся меню на...

Я пытаюсь оформить всплывающую подсказку так, чтобы она соответствовала дизайну на этом изображении: :
Однако моя текущая реализация выглядит так: co/Kqy8MgW
Вот мой текущий код:
HTML:

Click on a module to edit the learning objectives

Got it...

Я хотел бы знать, как включить внешний CSS в Flying-Saucer. Перед этим THB я проверил все доступные ссылки в StackOverflow, но они бесполезны. причина, почему я сделал это сам.
TestCSS.xhtml переименована версия TestCSS.html. Таким образом, их...

Вот моя HTML-ссылка

Изображения настройки кода Visual Studio
Tailwind.Config.js
Все файлы

предупреждение: в исходных файлах не обнаружено служебных классов. Если это неожиданно, дважды проверьте параметр содержимого в конфигурации CSS Tailwind....

Я пытаюсь сделать что-то, что кажется простым, но пытаюсь уже несколько часов и не могу найти решение.

У меня есть SVG, который должен быть поверх экрана. От дизайнера пришли такие размеры:

...

В React Native это будет внутри контейнера, а...

Как изменить цвет X, который появляется при вводе

С помощью кнопки webkit-search-cancel-button и webkit -внешний вид: нет Мне удалось изменить его на цветной квадрат или круг, но не удалось изменить цвет X.

Проблема цвет X по умолчанию в Safari —...

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

Проблема в следующем коде.
Когда пользователь обновляет середину или низ страницы, преобразуйте: Translate(0px, 600px); имеет класс героя, но когда пользователь прокручивает снизу вверх, Transform: Translate(0px, 600px);
Он не будет обновляться и...

Я разработал HTML-код и собираюсь отображать текст, относящийся к каждой ссылке, с плавным появлением анимации при нажатии на ссылку.
В этом коде у меня есть карточка с двумя столбцами. Первый столбец содержит 5 ссылок, а второй столбец — 5...

Я пытаюсь создать что-то, где один пользователь делится своим потоком, а другой смотрит общий поток. Я создал базовые файлы Sharer и Viewer.html и использовал PeerJS для подключения и обмена видео.
Проблема, с которой я столкнулся, заключается в...

Я создал адаптивную страницу пользовательского интерфейса на начальной загрузке. У меня есть адаптивное изображение слева и текст справа в том же разделе.
Сейчас я вижу изображение на рабочем столе, но не на любом мобильном устройстве при...

У меня есть ряд таблиц, которые имеют раскрывающиеся меню в некоторых TD, во всех таблицах для параметра overflow-x установлено значение auto, поэтому пользователь может прокручивать по горизонтали, если содержимое таблицы шире, чем ширина экрана....

Недавно я обновился до Firefox 133, и у меня есть настройка CSS в userChrome.css для поиска подсказок, когда вы начинаете печатать в строке URL, чтобы они отображались крупнее и жирным шрифтом. Это сломалось после обновления, и когда я использую...

Проблема в следующем коде.
Когда пользователь обновляет середину или низ страницы, преобразуйте: Translate(0px, 600px); имеет класс героя, но когда пользователь прокручивает снизу вверх, Transform: Translate(0px, 600px);
Он не будет обновляться и...

Насколько я понимаю, img и span являются встроенными элементами и их следует перемещать рядом друг с другом.
Однако я этого не вижу происходит в примере ниже.
Может ли кто-нибудь предоставить более подробную информацию, чтобы четко понять концепцию...

// Function to handle opening the search
window.handleCustomSearchOpen = function () {
document.body.classList.add('opensearchpanel');
};

// Function to handle closing the search
window.handleCustomSearchClose = function () {
console.log( Search...