css- все статьи тега ➜ страница 32


Как применить стиль к встроенному SVG?

когда SVG непосредственно включен в документ с помощью <svg> тег, вы можете применить стили CSS к SVG через таблицу стилей документа. Тем не менее, я пытаюсь применить стиль к SVG, который встроен (используя <object> tag). можно ли использовать что-нибудь вроде следующего кода? object svg { fill: #fff; } ...

Twitter Bootstrap: div в контейнере с высотой 100%

используя Twitter bootstrap (2), у меня есть простая страница с навигационной панелью, а внутри container Я хочу добавить div с высотой 100% (в нижней части экрана). Мой css-fu ржавый, и я не могу это решить. простой HTML: <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This one wants to be 100% height --> </div> </body&gt ...

Текст мигает на jQuery

Что такое простой способ заставить текст мигать в jQuery и способ остановить его? Должен работать для IE, FF и Chrome. Спасибо ...

Назначение звездочки перед свойством CSS

следующее взято из сброса CSS Yahoo. Может кто-нибудь объяснить назначение звездочек? body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } ...

Настройка шаблона CSS Bootstrap

Я только начинаю работу с Bootstrap из Twitter и мне интересно, что такое "лучшие практики" для настройки. Я хочу разработать систему, которая будет использовать всю мощь шаблона css (Bootstrap или другой), быть полностью (и легко) модифицируемой, быть устойчивой (т. е. когда следующая версия Bootstrap будет выпущена из Twitter, мне не нужно начинать все сначала. например, я хочу добавить фоновые изображения в верхнюю навигацию. Похоже, что есть 3 способы пойти об этом: изменить .классы topba ...

Выберите второй последний элемент с помощью css

Я уже знаю: последний ребенок. Но есть ли способ, чтобы выбрать элемент div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> Примечание: без jQuery, только с CSS ...

Как установить минимальную ширину ячеек таблицы, кроме последнего столбца?

у меня есть таблица с шириной 100%. Если я поставлю <td>s в нем, они получают распространение с равными столбцами длины. Тем не менее, я хочу, чтобы все столбцы, кроме последнего, имели как можно меньшую ширину, без переноса текста. то, что я сделал сначала, было то, что я установил width="1px" во всех <td>s кроме последнего (хотя и устарел, но style="width:1px" не имел никакого эффекта), который работал нормально, пока у меня не было многословных данных в столбце. В таком случае, ч ...

Показывать экран загрузки при навигации между маршрутами в Angular 2

Как показать загрузочный экран при изменении маршрута в Angular 2? ...

получить процентное значение правила CSS в jQuery

предположим, что правило выглядит следующим образом: .largeField { width: 65%; } есть ли способ каким-то образом вернуть " 65%", а не значение пикселя? спасибо. EDIT: к сожалению, использование методов DOM в моем случае ненадежно, так как у меня есть таблица стилей, которая импортирует другие таблицы стилей, и в результате cssRulesэтот подход, , будет работать в большинстве простых случаев (одна таблица стилей, несколько отдельных объявлений таблицы стилей внутри глава тег документа). ...

Как применить класс CSS к Html.ActionLink in ASP.NET MVC?

Я строю ASP.NET MVC применение, используя VB.NET и я пытаюсь применить класс css к Html.ActionLink С помощью кода: <%=Html.ActionLink("Home", "Index", "Home", new {@class = "tab" })%> но когда я запускаю код, я получаю следующее сообщение об ошибке: сообщение об ошибке компилятора: BC30988: тип или' С ' ожидается. Я новичок в MVC и действительно не очень понимаю, что я делаю, поэтому я не вижу, что там не так, как я использую код на основе пример в другом месте. ...

Как вы создаете кнопку переключения?

Я хочу создать переключатель в html с помощью css. Я хочу, чтобы при нажатии на него он оставался нажатым , а когда вы снова нажимаете на него, он выскакивает. Если нет никакого способа сделать это просто с помощью css. Есть ли способ сделать это с помощью jQuery? ...

Как изменить порог коллапса navbar с помощью Twitter bootstrap-responsive?

Я использую Twitter Bootstrap 2.0.1 в проекте Rails 3.1.2, реализованном с помощью bootstrap-sass. Я загружаю оба bootstrap.css и bootstrap-responsive.css файлы, а также bootstrap-collapse.js Javascript. у меня есть жидкий макет с навигационной панелью, похожей на пример. Это следует за инструкциями navbar "responsive variation"здесь. Он отлично работает: если страница уже, чем около 940px, навигационная панель сворачивается и отображает "кнопку", на которую я могу нажать расширять. однако мо ...

Как установить размер текстового поля HTML?

Как установить размер текстового поля HTML? ...

"icon-bar" в панели навигации Twitter bootstrap

Я не могу понять, что означает следующий код в терминах icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> что это icon-bar для чего? Почему существует три подобных примера? этот код находится в разделе Панель навигации: <div class="navbar-header"> ... </div> ...

Сделать шрифт удивительные иконки в круге?

Я использую потрясающий шрифт на какой-то проект, но у меня есть некоторые вещи, которые я хочу сделать с шрифт высокий иконки, я могу легко назвать значок <i class="fa fa-lock"></i> возможно ли, чтобы все иконки всегда были в круглом круге с границей, что-то вроде этого у меня есть картинка используя i { background-color: white; border-radius: 50%; border: 1x solid grey; padding:10px; } будет делать эффект, но проблема в том, что значки всегда больше, чем txt или элеме ...

Colspan/Rowspan для элементов, для отображения которых задано значение table-cell

у меня есть следующий код: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do ...

Bootstrap table striped: как изменить цвет фона полосы?

С Bootstrap class table-striped, каждая другая строка в моей таблице имеет цвет фона, равный #F9F9F9. Как я могу изменить этот цвет? ...

Как сохранить соотношение сторон при масштабировании изображения с использованием одного (CSS) измерения в IE6?

вот в чем проблема. У меня есть образ: <img alt="alttext" src="filename.jpg"/> Примечание высота или ширина не указаны. На некоторых страницах я хочу только показать эскиз. Я не могу изменить html, поэтому я использую следующий CSS: .blog_list div.postbody img { width:75px; } который (в большинстве браузеров) делает страницу равномерно широкими миниатюрами, все с сохраненными соотношениями сторон. в IE6, однако, изображение масштабируется только в измерении, указанном в CSS. Он со ...

Цвет фона CSS в JavaScript

Как я могу установить цвет фона CSS элемента HTML с помощью JavaScript? ...

Текст в контейнере flex не переносится в IE11

рассмотрим следующий фрагмент: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> </div> в ...