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

231
Размер ввода против ширины

<input name="txtId" type="text" size="20" /> или <input name="txtId" type="text" style="width: 150px;" /> Какой из них является оптимальным кросс-браузерным кодом? Конечно, это зависит от требований, но мне любопытно узнать, как люди решают и на каком...

231
Как отцентрировать текст по вертикали с помощью значка с большим шрифтом?

Допустим, у меня есть кнопка начальной загрузки со значком шрифта и текстом: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Как сделать так, чтобы текст отображался по центру? Текст теперь выровнен по нижнему краю иконки: http://jsfiddle.net/V7DLm/1/...

230
Как создать тень только на одной стороне элемента?

Есть ли способ уронить тень только снизу? У меня есть меню с 2 изображениями рядом друг с другом. Я не хочу правильную тень, потому что она перекрывает правильное изображение. Я не люблю использовать изображения для этого, так что есть способ поместить его только внизу, например: box-shadow-bottom:...

230
Селектор CSS3: первый тип с именем класса?

Можно ли использовать селектор CSS3 :first-of-typeдля выбора первого элемента с заданным именем класса? У меня не получилось пройти тест, так что я думаю, что нет? Кодекс ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type...

229
Что 3D делает в этом HTML?

Я пытаюсь продублировать почтовую программу, которую я получил в свой почтовый ящик, взглянув на его код. Я вижу много этого в нескольких источниках просмотра: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td...

229
Есть ли способ сделать ширину дочернего DIV шире, чем родительский DIV с помощью CSS?

Есть ли способ иметь дочерний DIV внутри родительского контейнера DIV, который шире, чем его родительский. Дочерний DIV должен быть такой же ширины окна просмотра браузера. Смотрите пример ниже: Ребенок DIV должен оставаться дочерним по отношению к родительскому div. Я знаю, что могу установить...

229
Имена классов в селекторах CSS чувствительны к регистру?

Я постоянно читаю везде, что CSS не чувствителен к регистру, но у меня есть этот селектор .holiday-type.Selfcatering который, когда я использую в своем HTML, как это, получает <div class="holiday-type Selfcatering"> Если я изменю вышеупомянутый селектор, как это .holiday-type.SelfCatering...

229
Как я могу оживить рисование текста на веб-странице?

Я хочу иметь веб-страницу с одним центрированным словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, чтобы страница «записывала» слово так же, как и мы, то есть оно начинается в одной точке и рисует линии и кривые с течением времени, так что конечным результатом является глиф. Мне...

228
Как скрыть элементы, не занимая их место на странице?

Я использую, visibility:hiddenчтобы скрыть определенные элементы, но они все еще занимают место на странице, пока скрыты. Как я могу заставить их полностью исчезнуть визуально, как будто их нет в DOM вообще (но фактически не удаляя их из...

228
импортировать файл .css в файл .less

Можете ли вы импортировать файлы .css в файлы .less ...? Я довольно знаком с меньшим количеством и использую это для всего моего развития. Я регулярно использую структуру следующим образом: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Все импортные...

228
IE8 проблема с Twitter Bootstrap 3

Я создаю сайт, используя новый Twitter Bootstrap. Сайт выглядит нормально и работает во всех необходимых браузерах, кроме IE8. В IE8, похоже, отображаются элементы мобильной версии, но они растянуты на весь экран моего рабочего стола. Я полагаю, что проблема, с которой я столкнулся, заключается в...

227
Как предотвратить изменение свойства padding ширины или высоты в CSS?

Я создаю сайт с DIVс. Все работает, кроме случаев, когда я создаю DIV. Я создаю их так (пример): newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } Когда я добавляю padding-leftсвойство, ширина DIVменяется на 220px, и я хочу, чтобы оно оставалось на 200px. Допустим, я...

226
анимация addClass / removeClass с помощью jQuery

Я использую jQuery и jQuery-ui и хочу анимировать различные атрибуты различных объектов. Для объяснения этой проблемы я упростил ее до одного деления, которое меняется с синего на красный, когда пользователь наводит курсор на него. Я могу получить желаемое поведение при использовании animate(),...

226
Как убрать фокус с кнопок при нажатии

Все мои кнопки выделяются вокруг них после того, как я нажимаю на них. Это в Хроме. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> Я использую Bootstrap с темой, но я уверен, что это не так: я заметил это раньше в другом...

225
Как перевернуть фоновое изображение с помощью CSS?

Как перевернуть любое фоновое изображение с помощью CSS? Является ли это возможным? В настоящее время я использую это изображение стрелки в background-imageо liв CSS On: visitedМне нужно перевернуть эту стрелку по горизонтали. Я могу сделать это, чтобы сделать еще одно изображение стрелки, но мне...

225
Поместите кнопку по правому краю

Я использую этот код для правильного выравнивания кнопки. <p align="right"> <input type="button" value="Click Me" /> </p> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Но <p>теги тратят некоторое пространство, поэтому вы можете сделать то же самое с...

225
CSS - переполнение: прокрутка; - Всегда показывать вертикальную полосу прокрутки?

Итак, в настоящее время у меня есть: #div { position: relative; height: 510px; overflow-y: scroll; } Однако я не верю, что некоторым пользователям будет очевидно, что там больше контента. Они могли бы прокручивать страницу вниз, не зная, что мой div на самом деле содержит гораздо больше контента. Я...

225
@Media min-width & max-width

У меня есть эта @mediaнастройка: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES...