Вопросы и ответы - css - страница 3
angular background-image bitrix bootstrap-4 bootstrap-vue build compilation components css css-animations css-position css-transitions css-variables cursor custom-component django ember.js events frontend google-chrome header html html-lists html-table image javascript joomla joomla-extensions joomla3.0 jquery laravel material-ui media-queries minify mobile modal module ngx-gallery opencart pagespeed paragraph performance php prestashop prestashop-1.6 prestashop-1.7 reactjs sass scope smarty sticky styles stylus svg symfony tailwind-css toggle twitter-bootstrap unix vue-bootstrap vue-component vue.js vuejs2 vuetify vuetify.js webpack веб-программирование
Есть ответ!
в настоящее время я изучаю vuejs, делая приложение для входа в систему, однако я могу получить доступ к значению ввода, которое он дал мне неопределенным , я явно делаю что-то не так, но я не могу найти, где я ошибаюсь, вот мой код, можете ли вы указать мне правильное направление
вот этот код
var app = new Vue({
el: '#app',
data() {
return {
username: "",
password...
Есть ответ!
Сходя с ума от этого, я хочу, чтобы размер всех v-карт в проекте vuetify2 был равен. Мой центр (v-card-text) имеет разное количество символов (text). Протестировано с фиксированной высотой v-card-text, но без полосы прокрутки, как ожидалось, если текст длиннее.
Это разметка для одного компонента v-card:
<template>
<v-card class="elevation-5" fill-height>
<v-card-title prima...
Есть ответ!
мне нужен мой сайт https://alto.7180.eu/it/ иметь липкий заголовок.
Я попытался установить позицию в sticky, но, похоже, этого недостаточно, я думаю, что мне нужно установить некоторые другие элементы в положение relative, но я не знаю, какие из них.
Я использую немного измененную версию оригинального классического шаблона для prestashop 1.7.6
На данный момент это структура сайта:
<body>...
Есть ответ!
Я пытаюсь создать свой пользовательский компонент joomla, но обнаружил, что использование стандартного синтаксиса bootstrap не работает.
Я попробовал следующее:
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-8">
</div>
</div>
</div>
Но столбцы сложены друг...
Есть ответ!
Почти во всех классах CSS уже установлен размер шрифта со статическим значением.
Например:
font-size: 16px
font-size: 14px
etc.
Как я могу увеличить размер шрифта всей страницы на 110%?
Пример
размер шрифта: 16px - > 17.6
размер шрифта: 14px - > 15.4
Есть ответ!
Я использую ngx-gallery для отображения галереи изображений. Хотя я установил свойство display image arrow равным true, я не могу видеть стрелки на изображении.
Я использую Angular 7. Это моя галерея.код файла ts:
galleryOptions: NgxGalleryOptions[];
galleryImages: NgxGalleryImage[];
ngOnInit(): void {
this.galleryOptions = [
{
'previewCloseOnEsc': true,
...
Есть ответ!
проблема
Что ж... я не знаю, возможно ли это вообще. У меня есть замечательное меню с градиентом и их дочерними элементами с прозрачным фоном-цвет и цвет белый: https://nimb.ws/o5xWlZ
При наведении курсора Я хочу сделать цвет фона этого дочернего элемента белым, а цвет текста сделать его прозрачным для отображения этой части градиента .
То, Что Я Пробовал
Моей первой реакцией было:
child-elem...
Есть ответ!
У меня приложение на Vue.js и мне нужно прогресс-бар создать. Я использую Svg, потому что другие варианты не подойдут. Как можно разбить SVG-полукруг на равные части. У меня получается сплошная линия. Пытался манипулировать атрибутом stroke-dasharray, но не получается.
Необходимо получить такой вид:
я пока добился такого
мой код:
<div class="radial">
<svg xmlns="htt...
Есть ответ!
Я пытаюсь сделать таблицу html или список ul, чтобы иметь отзывчивую галерею изображений с текстом (ссылками) под ними. Я делаю это на странице CMS из prestashop через редактирование страницы в исходном коде.
Я не мог разобраться с таблицами, потому что prestashop si переписывает правила и не может понять, кто из них это делает.
Вот ссылка на таблицу один:
https://centrul-de-publicitate.ro/ro/co...
Есть ответ!
У меня есть проблема с какой-то ссылкой в верхнем меню аккаунта и выбором языка этого сайта: shop.castorfashion.it -да .
При просмотре с мобильного устройства (как android, так и ios) меню нужно дважды нажать, чтобы оно работало.
Я не могу найти решение, чтобы решить эту проблему.
Сайт был создан с помощью prestashop.
Меню учетной записи:
Языковое меню:
Спасибо.
Есть ответ!
У меня есть следующие данные, поступающие с другого сервера, который не находится под моим контролем, и при отображении его в браузере я должен предоставить решение
1) показать кнопку удаления для класса childElementпри наведении курсора мыши
2) Нажмите на кнопку Удалить и удалите этот childElementdiv
Есть ли способ сделать это с помощью CSS/JS или Vuejs (динамическое добавление кнопки удале...
Есть ответ!
В настоящее время я использую prestashop 1.7.4.3, мне нужно отредактировать header.tpl файл в _partials. Я едва знаю об этой структуре.
Моя проблема в том:
Что я пытался: пытался добавить имя пользовательского класса для логотипа заголовка
<div class="col-md-2 hidden-sm-down hlogo" id="_desktop_logo">
{if $page.page_name == 'index'}
<h1>
...
Есть ответ!
Я застрял с этим и пробовал много вещей, поэтому я не знаю, что именно пробовал, но я думаю, что почти попробовал все возможности в css, но я открыт для других идей.
Проблема в том, что изображение категории скрывает текст описания, как вы можете видеть в этом
картина .
Img имеет абсолютное положение в другом div, чем абзац, поэтому, если я сделаю его относительным, я не могу поставить один на с...
Есть ответ!
Я использую Bootstrap-Vue для написания веб-страницы, но у меня есть проблемы с изменением цвета текста на Bootstrap navbar, особенно на теге b-nav-item-dropdown. Я попытался использовать <span class="text-dark", чтобы обернуть вокруг тега b-nav-item-dropdown, но это не сработало. Оказалось, что вариант b-navbar может только установить цветовые варианты текста либо темным, либо светлым.
Вот мо...
Есть ответ!
В моем компоненте Joomla я добавляю таблицу стилей в соответствии с phpstorm is $document - >addStyleSheet deprecated.
Вот какой код я использую:
$uri = JUri::base();
$document = JFactory::getDocument();
$document->addStyleSheet(JUri::base() . "components/com_exampe/views/stats/tmpl/style.css");
Я также попробовал этот код:
JHtml::stylesheet('com_hccxmlkadernet/views/statistiek/tmpl/...
Есть ответ!
Я делаю модальную форму. Это то, что происходит, когда я открываю свой модальный:
Как вы можете видеть изображение логотипа, поиск, meniu и корзина находятся поверх моего модального прозрачного фона.
Вот мой HTML-код:
<div id="offerModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="closeBtn" onclick="closeModal()">&t...
Есть ответ!
Компонент Vuetify для селектора является:
<v-select
:items="items"
label="Standard"
></v-select>
Но когда селектор активен, появляется много вложенных компонентов (on inspect), например, само выпадающее меню menu__content. Как бы я его укладывала? Для "видимого" компонента Vuetify v-select я могу вручную добавить класс и стилизовать его непосредственно в css. Однако я не могу сделат...
Есть ответ!
Я новичок, я хочу удалить тег h4 и заменить его тегом div на нижнем колонтитуле PrestaShop. Версия Prestashop: 1.6.20
Это HTML код
<h4>{l s='Information' mod='blockcms'}</h4>
Я делаю это :
<div class="footer_h4">{l s='Information' mod='blockcms'}</div>
Это CSS код / как вставить класс "footer_h4"?
.footer-container #footer h4 {
font-weight: 400;
font-size: 22p...
Есть ответ!
Я использую код модификации css для модификации for fields disign, но когда я щелкаю над меткой поля, курсор не находится в поле.
Короткое видео для этой проблемы: streamable.com/gwhkx
мой демо-сайт, на котором установлен код: iskambg.com/iskampanda4/ - страница оформления заказа
Вот вам и весь код:
#field_customer_firstname, #field_customer_lastname, #field_delivery_phone, #field_customer...
Есть ответ!
Я создал приложение, используя Vue.JS и Vuetify. Макет основан на макете контактов Google. Я использую как панель инструментов, так и навигационный ящик.
Я хотел бы иметь возможность печатать содержимое из браузера, не печатая панель инструментов и навигационный ящик. Я создал следующий класс CSS:
@media print {
.no-print {
display: none;
}
}
Я применил этот класс к панели инструментов и...