css- все статьи тега ➜ страница 38
Как применить два класса CSS к одному div / span
могу ли я применить 2 класса к одному div или span или любому html-элементу? Например: <a class="c1" class="c2">aa</a> Я пробовал и в моем случае c2 не применяется. Как я могу применить оба класса сразу? ...
jquery-ui datepicker изменить z-индекс
проблема довольно прямолинейна, хотя мне трудно понять, как ее решить. Я использую jQuery-ui datepicker вместе с пользовательским "iOS style on/off toggle". Этот переключатель использует некоторые абсолютно позиционированные элементы, которые в настоящее время отображаются поверх моего выбора даты. смотрите уродливый круг, охватывающий 6 июля ниже... грязный способ сделать это (по крайней мере, ИМО) - написать стиль в одной из моих таблиц стилей, но я бы предпочел использовать некоторые jav ...
Центр фиксированный div с динамической шириной (CSS)
у меня есть div, который будет иметь этот CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } теперь, как я могу сделать этот div по центру? Я могу использовать margin-left: -450px; left: 50%; но это будет работать только когда экран > 900 пикселей. После этого (когда окно Я могу, конечно, сделать это с каким-то js, но есть ли "более правильный" делать это с CSS? ...
Сделайте элемента tbody прокруткой в браузерах webkit
Я в курсе этот вопрос, но ни один из ответов не работает в Safari, Chrome и т. д. принятая стратегия (как показано ниже) - это установить высоту тела и свойства переполнения следующим образом: <table> <thead> <tr><th>This is the header and doesn't scroll</th></tr> </thead> <tbody style="height:100px; overflow:auto;"> <tr><td>content that scrolls</td></tr> <tr><td>content that ...
Как рисовать полигоны на холсте HTML5?
Мне нужно знать, как рисовать полигоны на холсте. Без использования jQuery или чего-то подобного. ...
Настройка и размер изображения, чтобы соответствовать div (bootstrap)
Я пытаюсь получить изображение, чтобы соответствовать в пределах определенного размера div. К сожалению, изображение не соответствует ему и вместо этого пропорционально сжимается до размера, который недостаточно велик. Я не уверен, что лучший способ - это получить изображение, чтобы вписаться в него. Если этого недостаточно кода, я был бы рад предоставить больше, и я открыт для исправления любых других ошибок, которые я пропускаю. вот HTML <div class="span3 top1"> <div cla ...
Получение липкого заголовка для "push up", как в приложении iPhone Instagram с использованием CSS и jQuery
приложение Instagram имеет хороший липкий заголовок, который толкает текущий вверх вместо нового. Я нашел отличный учебник о том, как это сделать изначально для Android, но я хочу сделать это с помощью JavaScript и CSS. я смог заставить свой заголовок переключиться на новый, но я не могу найти способ имитировать то, как это делает Instagram. Любая помощь очень ценится. *Edit: я смог получить заголовок, чтобы придерживаться верхняя часть страницы при прокрутке с использованием путевых точек, ...
Как добавить шрифты для проектов на основе create-react-app?
Я использую create-react-app и предпочитают не eject. неясно, куда должны идти шрифты, импортированные через @font-face и загруженные локально. а именно, я загружаю @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } какие предложения? -- EDIT включая суть, на которую ссылается Дэн в своем ответе ➜ Client git:(feature/trivia-game-ui-2) ✗ ls -l public/static/fo ...
Sass недопустимая ошибка CSS: "ожидаемое выражение"
Я просто после Sass tutorial. По какой-то причине, хотя файл Sass не правильно генерирует css. Терминал говорит, что css недействителен, но я уверен, что это не так. Я попытался изменить его тоже на всякий случай была проблема... что я сделал не так? Версия Sass: Sass 3.1.10 сообщение об ошибке: error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (e.g. 1px, bold), was ";") .содержимое файла sass: /* style.scss */ #navbar { width: 80%; height: 23px; } ...
Как переносить длинные строки без пробелов в HTML?
если пользователь вводит в длинную строку без пробелов или пробелов, он нарушит формирование, перейдя шире, чем текущий элемент. Что-то вроде: ХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХАХА............................................................................................................................................. Я пробовал просто с помощью wordwrap() в PHP, но проблема с этим, если есть ссылка или какой-то другой допустимый HTML, он ломается. там, кажется, есть несколько вар ...
Как заполнить 100% оставшейся высоты?
+--------------------+ | | | | | | | | | 1 | | | | | | | | | +--------------------+ | | | | | | | | | 2 | | | | | | | | | +--------------------+ Содержание (1) ...
видимость скрыта в AngularJs?
<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> НГ-шоу применяется display: none или display: block свойство, но я хочу применить visibility: hidden и visibility: visible собственность. ...
Uncaught TypeError: не удается прочитать свойство ' top ' из undefined
Я извиняюсь, если этот вопрос уже был дан ответ. Я пробовал искать решения, но не смог найти ни одного, который подходит моему коду. Я все еще новичок в jQuery. у меня есть два разных типа липких меню для двух разных страниц. Вот код для обоих. $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('conte ...
Как можно определить размер входного текстового поля в HTML?
вот текстовое поле ввода HTML: <input type="text" id="text" name="text_name" /> каковы параметры для определения размера коробки? Как это может быть реализовано в CSS? ...
Как установить панель прокрутки textarea внизу по умолчанию?
У меня есть текстовая область, которая динамически перезагружается при отправке пользовательского ввода. Он обновляется каждые пару секунд. Когда объем текста в этом текстовом поле превышает размер текстового поля, появляется полоса прокрутки. Однако полоса прокрутки на самом деле не используется, потому что если вы начинаете прокрутку вниз, через пару секунд текстовая область обновляется и возвращает полосу прокрутки обратно наверх. Я хочу установить полосу прокрутки, чтобы по умолчанию показыв ...
Селектор атрибута CSS для непустые атрибуты
есть ли селектор CSS, который применяется к непустой атрибуты? Используя :not([Data-Attribute='']) соответствует, если атрибут несуществующий тоже. Я ищу что-то вроде [Data-Attribute!='']. ...
Фиксированный элемент исчезает в Chrome
при прокрутке на веб-сайте, который я построил, используя свойство CSS position: fixed работает так, как ожидается, чтобы сохранить панель навигации в самой верхней части страницы. В Chrome, однако, если вы используете ссылки в панели навигации это иногда исчезает. Обычно элемент, на который вы нажали, все еще виден, но не всегда. Иногда все это исчезает. Перемещение мыши вокруг возвращает часть элемента, а прокрутка с помощью колеса прокрутки или клавиш со стрелками просто один клик возвращает ...
Динамическое обновление css в Angular 2
допустим, у меня есть компонент Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } HTML-файл шаблона для этого компонента //home.component.html <div class="home-component">Some stuff in this div</div> и, наконе ...
Переопределить элемент.стиль с использованием CSS
У меня есть HTML-страница из Page builder, и он вводит style атрибут непосредственно к элементу. Я обнаружил, что это рассматривается как element.style. Я хочу переопределить его с помощью CSS. Я могу сопоставить элемент, но он не переопределяет его. Как я могу переопределить стиль с помощью CSS? ...
Как отобразить полосу прокрутки в таблице html
Я пишу страницу, где мне нужна таблица html для поддержания заданного размера. Мне нужны заголовки в верхней части таблицы, чтобы оставаться там все время, но мне также нужно, чтобы тело таблицы прокручивалось независимо от того, сколько строк добавляется в таблицу. Я хочу, чтобы это выглядело как метод 2 в этом url:http://www.cssplay.co.uk/menu/tablescroll.html Я пытался сделать это, но не появляется полоса прокрутки: <table border=1 id="qandatbl" align="center"> <tr> ...