Вопросы с тегом «css»

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

6
Центрирование кнопки по вертикали в ячейке таблицы с помощью Twitter Bootstrap
Я использую Twitter Bootstrap и пытаюсь центрировать кнопку в ячейке таблицы. Мне нужно только вертикально по центру. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Пожалуйста, посмотрите мой JSFiddle, чтобы узнать о проблеме. Я пробовал …

11
Кнопки без изображений Google
Недавно появилось несколько статей о новых кнопках без изображений Google: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html Мне очень нравится, как эти новые кнопки работают в Gmail. Как я могу использовать эти или похожие кнопки на моем сайте? Существуют ли какие-либо проекты с открытым исходным кодом с похожим внешним видом? Если бы я …

8
Какие единицы dp (независимые от плотности пиксели) с CSS?
Для Android люди рекомендуют использовать измерения dp (независимых от плотности пикселей) для элементов пользовательского интерфейса, и существуют соглашения, которые существуют, такие как использование 48dpдля высоты кнопки и т. Д. Я работаю над веб-приложением, и меня много критикуют за дизайн пользовательского интерфейса, говоря, что он не соответствует стандартам дизайна Android. Очевидно, …

9
Выровняйте два div по горизонтали бок о бок по центру страницы с помощью bootstrap css
Пожалуйста, обратитесь к приведенному ниже коду, который я пробовал <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> выход : First Div SecondDiv Ожидаемый результат: First Div Second Div Я хочу выровнять два div по горизонтали по центру страницы, используя bootstrap css. Как я могу это сделать ? Я …

9
Задание границы для строки таблицы HTML, <tr>
Можно ли ограничить строку таблицы &lt;tr&gt;за один раз вместо того, чтобы задавать границу отдельным ячейкам, &lt;td&gt;например, &lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-left: thin solid; border-top: thin …
90 html  css  border  html-table 

12
TypeError: $ (…) .DataTable не является функцией
Я пытаюсь работать с jQuery Datatable JS для своего проекта по этой ссылке. Я скачал полную библиотеку из того же источника. Кажется, все примеры, приведенные в пакете, работают нормально, но когда я пытаюсь включить их в свой WebForms, CSS, JS вообще не работают. Вот что я сделал: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head …

6
Как и где использовать :: ng-deep?
Я новичок в Angular 4, поэтому может ли кто-нибудь объяснить, как и где использовать ::ng-deepв Angular 4? На самом деле я хочу перезаписать некоторые свойства CSS дочерних компонентов из родительских компонентов. Более того, поддерживается ли это в IE11?

7
Добавьте пробел между ячейками (td) с помощью css
Я пытаюсь добавить таблицу с пробелом между ячейками, поскольку цвет фона ячейки белый, а цвет фона таблицы синий, вы легко можете увидеть, что отступы и поля не работают (я применяю их к td), это только добавит места внутри ячейки.
90 html  css 

13
Есть ли простой способ перезагрузить css без перезагрузки страницы?
Я пытаюсь создать живой редактор CSS на странице с функцией предварительного просмотра, которая бы перезагружала таблицу стилей и применяла ее без необходимости перезагружать страницу. Как лучше всего это сделать?


2
Почему двойные кавычки показаны только для первого элемента?
Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Вместо этого второй элемент заключен в одинарные кавычки. a::before { content: open-quote; } &lt;a href="http://www.google.com"&gt;Google&lt;/a&gt; &lt;br&gt; &lt;a href="http://www.amazon.com"&gt;Amazon&lt;/a&gt; Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент

5
Div только с горизонтальной прокруткой
У меня есть DIV фиксированной ширины, содержащий таблицу со многими столбцами, и мне нужно разрешить пользователю прокручивать таблицу по горизонтали в DIV. Это должно работать только в IE6 и IE7 (внутреннее клиентское приложение). В IE7 работает следующее: overflow-x: scroll; Может ли кто-нибудь помочь с решением, которое работает и в IE6?
89 html  css 

13
Как растянуть фоновое изображение, чтобы покрыть весь HTML-элемент?
Я пытаюсь получить фоновое изображение элемента HTML (body, div и т. Д.), Чтобы растянуть его по всей ширине и высоте. Не повезло. Возможно ли это вообще или мне нужно сделать это каким-то другим способом, кроме фонового изображения? Мой текущий css: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } …

8
Как добавить значок Font Awesome в поле ввода?
Как использовать для ввода значок поиска в Font Awesome? У меня есть функция поиска на моем сайте (на основе PHPmotion), которую я хочу использовать для поиска. Вот код: &lt;div id="search-bar"&gt; &lt;form method="get" action="search.php" autocomplete="off" name="form_search"&gt; &lt;input type="hidden" name="type" value="videos" /&gt; &lt;input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search …
89 html  css  font-awesome 

6
Затемнить весь экран, кроме фиксированной области?
Я хочу создать учебное пособие, которое приведет пользователя именно к тому, куда нужно щелкнуть. Я стараюсь , чтобы покрыть весь экран с &lt;div&gt;которой тускнеет все элементы , кроме в конкретной области , которая находится в фиксированном width, height, topи left. Проблема в том, что я не могу найти способ «отменить» …
89 javascript  jquery  html  css 

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.