Вопросы и ответы - css - страница 3
angular antdv apexcharts background background-image bitrix bootstrap-4 bootstrap-modal bootstrap-vue buefy build bulma calendar canvas combobox compilation components cookies core-ui css css-animations css-grid css-mask css-position css-transitions css-variables cursor custom-component datatables django draggable drop-down-menu element-ui ember.js events firebase firebase-hosting flexbox flexboxgrid font-awesome frontend google-chrome google-font-api google-maps-markers header html html-lists html-table image interface internet-explorer ionic-framework ionic-vue ios javascript joomla joomla-extensions joomla3.0 jquery laravel laravel-5 laravel-6 laravel-8 laravel-blade laravel-mix layout less lumen material-design material-ui media-queries menu minify mobile modal module mysql navigation ngx-gallery node-sass npm nuxt.js opencart padding pagespeed paragraph performance php plotly prestashop prestashop-1.6 prestashop-1.7 quasar reactjs responsive-design right-to-left routerlink sass sass-loader scope scroll session sidebar smarty sticky styles stylus surveyjs svg symfony tailwind-css templates toggle transitions treeview twitter-bootstrap typeit typescript unix visual-studio vue-bootstrap vue-cli vue-cli-4 vue-component vue-router vue-transitions vue.js vuejs2 vuejs3 vuetify vuetify.js webpack webpage wordpress xampp yajra-datatable веб-программирование
Есть ответ!
Я хотел скрыть это в Joomla, используя пользовательский CSS
Это ссылка на мой сайт:
http://guamlfp.org/test
Я пытаюсь убрать названия статей "о себе" и " видение"
Мне нужен код CSS, чтобы скрыть следующий HTML:
<a href="/component/content/article/9-aboutlfp/6-aboutlfp?Itemid=101" itemprop="url">About</a>
<h3><a href="/component/content/article/11-vision/7-vision?Ite...
Есть ответ!
У меня есть пользовательская тема на моем веб-сайте PrestaShop, пытаясь работать над CSS в локальной среде. Когда я изменяю CSS, скомпилированный файл темы.CSS не обновляется.
Это среда windows, php-приложение, и я использую virtual studio & git bash.
Я изменил тему.css и он изменился на сайте на локальный.
Я попытался запустить webpack для перезагрузки, делая "npm run build", но получил ош...
Есть ответ!
Я в основном PHP, и шаблон имеет некоторое применение css (напримерmodel) на той же background-color: white, тогда на модели отображается белый фон, который действительно неудобен и не имеет никакого смысла.
model
Так можно ли выбрать только css нужного селектора, который объявляется несколько раз?
Есть ответ!
У меня есть модуль оптимизации скорости в prestashop, который минимизирует css и js.
Когда я уменьшаю css, моя веб-страница все испорчена, поэтому я думаю, что некоторые css вызывают ошибку при уменьшении, есть ли способ узнать, какой уменьшенный код вызывает проблему?
Есть ли способ выбрать, какие файлы css для минимизации? или я должен сделать это вручную?
Любой совет, чтобы сделать это?
Есть ответ!
Как использовать переменную CSS в глобальном файле CSS
Просто проверь стиль.css файл в stackblitz
https://stackblitz.com/edit/angular-themeing-y3jwrk?file=src/styles.css
Есть ответ!
Что такое правильный способ добавления внешних CSS-файл в приложении Vue.js ?
Я нашел несколько способов добавить CSS файл в Vue.js применение.
Некоторые говорят о том, чтобы использовать этот один. <link rel="stylesheet" type="text/css" href="/static/bootstrap.min.css">.
Кто-нибудь посоветует вот это
<style lang="scss">
@import 'src/assets/css/mycss_lib.css';
</style>
Кт...
Есть ответ!
Я пишу Vue.js приложение с Bootstrap 4 и я не могу загрузить, хотя я следовал документации.
Добавлено в main.js
Vue.use(BootstrapVue);
Добавлено в css-файл, связанный с App.vue:
@import '../../node_modules/bootstrap/dist/css/bootstrap.css';
@import '../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';
Вот шаблон:
<div class="main">
<div>
<b-modal id="modal1" title="...
Есть ответ!
Я создаю навигационную панель с сетками.
Короче говоря, когда пользователь будет администратором, у него будет еще две ссылки в конце, которые должны быть одинаковой ширины и не зависеть от количества текста, как сейчас. Я использую vue.
Я удалил теги атрибуты для простоты
подсказка: фиолетовые линии не существуют в css, это просто макет сетки для отладки
1) пользователь не является администра...
Есть ответ!
Я добавлю стиль и код javascript на страницу "настройка" нового модуля. В функции getContent () я использую:
public function getContent($param){
$output = null;
$this->context->controller->addCSS(($this->_path).'style_module.css', 'all');
return $output.$this->displayForm();
}
Url-адрес стилей или javascript не отображается на странице администра...
Есть ответ!
Я только начал изучать lumen и, кажется, не могу найти ответ на этот простой вопрос. Это мой текущий <head>:
<head>
<title>Sharp notes!</title>
<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>
Это приводит к следующей ошибке:
[...
Есть ответ!
Я установил плагин JCH optimize на веб-сайте Joomla-3 OS property base для минимизации CSS и javascript.
Я активировал только опции Minify CSS и Minify Javascript, пожалуйста, смотрите прилагаемый файл (ss мне нужны эти два варианта для улучшения в Google PageSpeed Insights)
Но я не вижу никакого улучшения в Google PageSpeed Insights после сокращения CSS и JS.
Если я активирую "объединить файлы...
Есть ответ!
У меня есть сайт joomla, но у меня есть проблема с категориями.
определенная категория имеет разный внешний вид.
когда я сравниваю html, эта категория не имеет некоторого div / class as .art-postcontentи т. д.
почему некоторые категории не имеют одинаковый div?
РЕДАКТИРОВАТЬ
если я изменю порядок элементов, я исправлю проблему CSS, но сначала мне нужно most recent first
Есть ответ!
У меня есть проблема с выравниванием 4-х входных текстов в VueJs.
Мой контейнер CSS
.step__field-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 520px;
margin: 40px auto auto;
}
Мой...
Есть ответ!
Я пытаюсь центрировать n количество v-cols с интервалом слева и справа от cols, но не могу центрировать v-cols, выровненный с вышеупомянутым v-cols. Обратите внимание, что отзывчивость работает так, как задумано, но при максимальном размере экрана я хочу ограничить его двумя v-cols и выровнять его по другим горизонтальным длинам v-row, сохраняя при этом одинаковые длины v-cols.
В настоящее время я...
Есть ответ!
Как сделать мою навигационную панель 100% - ной частью окна браузера?
Я использую vuejs.
Это мой компонент navbar:
<div class="navbar">
<div class="navbar-nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
</ul>
</div>
</div>
<style scoped>
.nav...
Есть ответ!
У меня есть три кнопки, как выбор на странице, и когда пользователь выбирает одну из них, цвет фона изменяется :фокус на css и когда пользователь нажимает на кнопку отправки, которая запускает функцию и не делает перезагрузку страницы, но фокус удаляется с выбранной кнопки и цвет фона меняется обратно, как я могу держать кнопку сфокусированной, несмотря на нажатие на кнопку отправки?
<button cl...
Есть ответ!
Я размышляю, как я могу интегрировать bootstrap 4 в свой vue.js 2.6.
Я знаю, что есть тонны учебников, но все они либо устарели в конце 2020 года, либо требуют использования bootstrap-vue, что приносит множество ненужных тегов в таблицу, которую я ненавижу.
Поэтому я был бы признателен, если бы вы могли привести полный пример такой интеграции с vanilla bootstrap 4.
Есть ответ!
Я использую vuetify, и я хотел добавить несколько стилей к одному и тому же стилю attriibute. У меня уже есть точка останова vuetify, и я хотел добавить {backgroundColor:'Color'} в тот же атрибут? Положить их рядом, кажется, не работает.
<v-container fluid class="menu" :style="$vuetify.breakpoint.xs ? 'width: 13vw;' : 'width: 5vw'
**Here's where I want {backgroundColor:C...
Есть ответ!
Я пытаюсь создать простую форму электронной почты, как в документах Bootstrap 4, но по какой-то причине форматирование неверно.
Вот как выглядит этот пример:
Но по какой-то причине это то, что он компилирует в моем проекте:
Очевидно, что в моей кодовой базе/среде есть что-то, что портит макет. Почему мои поля не находятся в отдельных строках, как в Примере? Почему нет интервалов между элементами...
Есть ответ!
В настоящее время я использую вычисленный prop для возврата интерполированной строки для рендеринга ниже приведен пример моего кода:-
<div class="productDetailContainer">
<nuxt-link :to="{ path: '/product/sidebar/' + product.shortName }">
<h4 class="productName">{{ product.name }}</h4>
</nuxt-link>
<h4 class="productPric...