CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
Я использую таблицу продуктов для фильтрации категорий.
Что мне нужно, так это выделить жирным шрифтом только родительские категории.
В этом результате поиска, например:
https://demo.motorocker.gr/?swoof=1&antalaktika=скутер
Нам нужно выделить жирным шрифтом только родительские категории
Я прикрепля...
30 Май 2023 в 21:48
Я имею дело с проблемой, касающейся значков моего шрифта. Я только недавно зарегистрировался на прошлой неделе и скопировал и вставил необходимую ссылку в свой индекс. При создании CSS все работало нормально. С тех пор я не трогал свой код, и теперь он вообще не отображается. Кто-нибудь знает, в...
30 Май 2023 в 21:28
У меня есть простой аккордеон, разработанный с использованием чистого javascript без jQuery и Pure CSS, и все работает хорошо. Проблема в том, что первый аккордеон расширялся при загрузке страницы, я пробовал много способов, используя CSS и JS Но это не работает, я плохо разбираюсь в JavaScipt, я пы...
30 Май 2023 в 21:12
На веб-странице я хотел бы иметь три изображения вверху, все в одной строке, расположенные так, чтобы первое было полностью слева, а два других находились рядом друг с другом в центре страницы. Вот как я визуализирую код:
<table>
<tr>
<th>
<img src="https://picsum.photos/100/100" styl...
У меня есть абзац и заголовок, центрированные с помощью css, и у меня есть 5 разных страниц со ссылками, которые я выровнял по самому левому краю каждой страницы, причем каждая ссылка находится ниже друг друга. Но поскольку у меня есть текст на каждой странице, мои ссылки перемещаются вниз, поэтому...
Я изучаю разработку интерфейса, где я пытаюсь изучить HTML, CSS, JavaScript и React, но я не могу вспомнить код после этого. Как лучше всего изучить интерфейсную разработку, как запомнить css и js, а также реагировать на коды?
Я пытался сделать простой проект, просматривая уроки, но я не могу сдела...
30 Май 2023 в 20:46
Я установил flex: 1 для правого и левого столбцов, чтобы средний столбец всегда был централизованным, даже если левый и правый столбцы имеют разную ширину.
Но как я могу установить ширину для среднего столбца, и когда экран становится слишком узким, средний столбец становится меньше установленной ши...
30 Май 2023 в 20:42
По сути, в настоящее время у меня есть функция пишущей машинки в JavaScript, которая создает эффект пишущей машинки. После того, как сценарий будет набран, я хочу, чтобы появилась нажимаемая кнопка с надписью «Далее» или что-то в этом роде.
Я думаю, что имеет смысл вызвать функцию CreateButton() в ...
30 Май 2023 в 20:30
Я разработал блестящий макет пользовательского интерфейса приложения, который работает с bslib 4, но когда я переключаюсь на bslib 5, мое форматирование разваливается. Я не уверен, почему?
Вот мой код
library(shiny)
library(bslib)
ui <- navbarPage("My App",
id = "navbar",
theme...
Я делаю веб-сайт для настольных компьютеров и мобильных устройств. На десктопных экранах ошибки нет. Но когда я показываю на экране мобильного телефона. Мой дизайн сжимается. И это не подходит для мобильного экрана. Я использую номер версии Boostrap — 5. Но я пытался использовать ширину: 100%; ...
Поэтому этот код js отвечает за выделение меню при прокрутке, но он не работает. я не знаю, в чем проблема, еще одна проблема заключается в том, что когда я пытаюсь выполнить console.log(pageXOffset) или console.log(sectionLeft), они оба не регистрируют какое-либо значение в консоли, и при прокрутк...
30 Май 2023 в 18:40
Я пытаюсь создать кнопки в одном шаблоне сообщения с предыдущей/следующей функциональностью. Я как бы смог это сделать, но у меня есть пара вопросов.
Когда я нахожусь в первом сообщении, я получаю эту ошибку на кнопке «следующее сообщение»: Предупреждение: попытка прочитать свойство «ID». То же са...
«Всем привет, я новичок в этой области и в настоящее время работаю над 3-м модулем курса Coursera HTML, CSS, JS. Проблема в том, что когда я набираю стиль для h1 в @media (макс. ширина: 767 пикселей), результаты не отображаются с разрешением 767 пикселей, а только для размеров экрана с максимальным...
30 Май 2023 в 18:29
Я пытаюсь установить контейнер входа в систему на оставшейся высоте в середине экрана, кажется, что justify-content устанавливает содержимое в центре, однако align-items: center в этом случае не работает, даже если я установлю контейнер height to 100%.
Я также пытался установить высоту 100% для тел...
30 Май 2023 в 18:25
Я создал темный режим для своего сайта WordPress.
Мой код в четырех режимах:
1- В зависимости от системы пользователя
2- Легкий режим
3- полусветлый режим
4- Темный режим
Он был поставлен и работает отлично.
Моя проблема в том, что код неактивен при загрузке страницы.
После загрузки страницы мой код...
30 Май 2023 в 18:21
Может ли кто-нибудь помочь мне сделать мою картинку расплющенной в HTML и CSS?
Я оформляю изображение в html на основе CSS-кода, который мне дала Figma, однако его соотношение отличается от исходного изображения, поэтому изображение выглядит сплющенным. Спасибо!
Я пытался использовать max-width, 10...
У меня проблема с этим кодом
.podmenu {
display: flex;
flex-direction: column;
list-style: none;
width: 10rem;
margin-left: 3rem;
margin-bottom: 60px;
}
.verze {
list-style: none;
flex-direction: column;
display: none;
margin-top: 1rem;
transition: 2s;...
Я просматривал tailwind-merge и понял, что из-за каскада CSS некоторые классы tailwind нельзя переопределить после применения.
Пример: площадка попутного ветра
<div class="grid h-screen place-content-center bg-red-100">
<div class="w-80 bg-red-300 py-8 px-8 p-2">Content</div>
</div>
Класс p-2 не ...
30 Май 2023 в 16:54
Я пытаюсь создать разработанный элемент, который я хочу плавать на краю правого угла экрана,
И я хочу показать только половину, а другую половину я пытаюсь разместить за пределами экрана.
Я пытаюсь сделать это с абсолютным положением, но по какой-то причине он увеличивает мой экран, а не просто разм...
30 Май 2023 в 16:02
Заранее извините, так как я новичок в кодировании более сложных функций для веб-сайта.
Я пытаюсь добавить всплывающую подсказку в одну из ячеек заголовка, чтобы предоставить пользователю больше информации.
У меня есть компоненты, необходимые, так сказать, просто проблемы с интеграцией/объединением с...
Ширина родителя Flexbox должна определяться текстом внутри child1. изображение внутри child2 должно расти, когда родитель растет. И родительский div должен расти до максимальной ширины. Но когда я помещаю свое изображение внутрь, он увеличивает мой родитель.
#parent {
display: flex;
flex-dir...
Как выровнять текст и значок тега внутри тега абзаца.
Я поделился HTML-кодом, который использую,
<div class="application-intro">
<p><a class="btn" href=""><i class="fas fa-file-pen"></i><span>Sample text 1</span></a></p>
<p><a class="btn" href=""><i class="fas f...
30 Май 2023 в 14:48
У меня есть страница, на которой я хочу добиться следующего:
У меня есть обычная страница, к которой я в некоторых случаях хочу применить фон Когда фон активен, я хочу, чтобы определенный div отображался поверх фона.
Это прекрасно работает, пока я не использую это на своей странице, где я использую ...
В настоящее время я работаю над приложением списка дел с использованием HTML, CSS и JavaScript. У меня есть поле ввода текста, где пользователи могут вводить свои задачи, и кнопка «Добавить задачу», чтобы добавить задачу в список. Однако я хотел бы улучшить взаимодействие с пользователем, позволив...
30 Май 2023 в 14:29
Проблема минимального максимума CSS Grid
Блок 1 должен был соответствовать минимальному размеру содержимого, но этого не произошло. Как я могу решить проблему или почему это работает так?
CodePen
.wrapper {
height: 300px;
display: grid;
align-content: start;
grid-template-rows: minmax(aut...