css- все статьи тега ➜ страница 41
Принудительное сглаживание с помощью css: это миф?
недавно клиент пожаловался на появление системного шрифта в IE6. В основном проблема заключается в том, что IE6 не поддерживает сглаживание/сглаживание шрифтов (я знаю, что вы можете включить его в настройках ОС или что-то еще). Но кто-то выбросил этот перл: " вы можете заставить шрифт анти-псевдоним в css с помощью pt вместо px." Я сделал быстрый POC в различных браузерах и не видел никакой разницы. Я нашел одну ссылку на него в интернете, последний пост на этом форум: http://www.webmasterw ...
Многоточие для текста переполнения в выпадающих списках
я фиксирую ширину одного из моих выпадающих окон (да, я знаю, что есть кросс-браузерные проблемы с этим). есть ли не-js способ отрезать переполненный текст и добавить эллипсы? text-overflow: многоточие не работает для <select> элементы (по крайней мере в Chrome). select, div { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } <!--works for a div--> <div> A long option that gets cut off </div> <!--but n ...
Что означают запятые и пробелы в нескольких классах в CSS?
вот пример, который я не понимаю: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } мне кажется, что width: 460px применяется ко всем вышеупомянутым классам. Но почему некоторые классы разделены запятой (,), а некоторые просто пробел? Я предполагаю, что width: 460px будет применяться только к тем элементам, которые объединяют классы так, как указано в файле CSS. Например, он будет применен к <div class='container_12 grid_6'> но это не будет применяться к <div class= ...
CSS-перехода, когда класс удаляется
у меня есть форма, которая функционирует как параметры страницы. При изменении элементов формы они помечаются как unsaved и имеют другой цвет границы. Когда форма сохраняется, они помечаются как сохраненные, имея другой цвет границы. Я хочу, чтобы при сохранении формы граница постепенно исчезала. заказ пойдет: <input type='text' class='unsaved' /> Not saved yet, border is yellow <input type='text' class='saved' /> Saved, so the border is green <input type='text' class='' /> ...
Проблема CSS в Twitter Typeahead с Bootstrap 3
С выпуском Bootstrap 3. Typeahead был удален в пользу этого:https://github.com/twitter/typeahead.js Ive успешно интегрировал его на удаленной выборке данных но у меня возникли проблемы с автозаполнением Как вы можете видеть, в текстовом поле появляются два текста. Я включил css (https://github.com/jharding/typeahead.js-bootstrap.css) как сказано в документации, но не повезло. любая помощь или предложения будут оценены. jsfiddle показывает проблему:http://jsfiddle.net/KrtB5/ HTML <b ...
как избежать лишние пустые страницы в конце, во время печати?
Я использую свойство CSS, Если я использую page-break-after: always; => он печатает дополнительную пустую страницу перед Если я использую page-break-before: always; => он печатает дополнительную пустую страницу после. как этого избежать? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> ...
Индикатор выполнения с HTML и CSS
Я хочу создать индикатор выполнения, как на рисунке ниже: Я понятия не имею о создании этого. Должен ли я использовать методы HTML5? не могли бы вы дать мне некоторую помощь о создании этого индикатора выполнения? ...
FontAwesome иконки не отображаются. Зачем?
недавно я разрабатывал этот сайт, и я пытаюсь поместить в него потрясающие значки шрифтов, поэтому он масштабируется. дело в том, что они не отображаются. посмотрите на HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> или <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Я поставил ссылку на таблицу стилей в голове. Я не знаю, почему они не отображаютс ...
Symfony2-Assetic-загрузка изображений в CSS
у меня есть CoreBundle, который содержит основные файлы css и изображения. Теперь у меня есть проблема, когда я загружаю изображение из css; изображение не отображается. background-image:url(../images/file.png) (С полным путем он работает) я установил активы с помощью команды:assets:install web и я вижу изображение и css файлы под web/bundles/cmtcore/(css|images). вот файловая структура внутри основного пакета: /CoreBundle /Resources /public /css /m ...
Что делает 'zoom' в CSS?
Я обнаружил, что какой-то плагин jQuery в своем правиле css использует дескриптор "zoom", я даже заглянул на сайт w3c и обнаружил, что он используется для увеличения, но как я могу его реализовать? Или мне нужно определить какой-то видовой экран? И как мне определить такой видовой экран ? Или я ошибаюсь насчет всего этого ? можно ли использовать его как a { zoom:1; } a:hover { zoom:2; } ...
Изменить шрифт-вес значков FontAwesome?
Я хотел бы сделать один из значков FontAwesome немного менее тяжелым - он намного тяжелее, чем шрифт, который я использую. Вот как это выглядит в настоящее время: : некрасиво, верно? Поэтому я попытался сбросить вес шрифта следующим образом: .tag .icon-remove { font-weight: 100; } атрибут, кажется, установлен правильно в CSS, но это не имеет никакого эффекта - значок выглядит так же тяжело, как и раньше. Я тоже пробовал font-weight: lighter и -webkit-text-stroke-width: 1px без эффекта. ...
CSS вертикальное выравнивание не работает с float
как я могу использовать vertical-align а также float на div свойства? Элемент vertical-align отлично работает, если я не использую float. Но если я использую поплавок, то он не работает. Это важно для меня, чтобы использовать float:right для последнего div. Я пытаюсь следовать, если вы удалите поплавок из всех div, то он будет работать нормально: <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, floa ...
почему мой сайт администратора django не имеет стиля css
Я делаю сайт администратора django с помощью версия разработки django но у него нет стиля css: что я могу сделать . спасибо ...
Перекрывающиеся круги в CSS с 1 div
Я ищу, чтобы создать эту форму перекрывающихся кругов в CSS: в основном, просто сложенные круги. Я посмотрел вокруг, и все решения, которые я вижу, включают в себя использование нескольких элементов div для этого эффекта. Однако, не может ли это быть сделано с помощью одного div, используя CSS3? Я посмотрел, как это можно легко сделать, и понял, что, если все цвета одинаковы, у вас будет форма таблетки, например это: http://jsfiddle.net/5wytm0r4/ #circles { background-color: red; ...
CSS, центрированный div, сжимается, чтобы соответствовать?
вот что я хочу: text text text text text text text text text text text text text text text text text text text text text text +-----------+ | some text | +-----------+ text text text text text text text text text text text text text text text text text text text text text text ...где блок "некоторый текст" является div. Я хочу, чтобы div был минимальной шириной, необходимой для содержания его текста без обертывания. Если текст слишком ...
Изменение свойств класса CSS с помощью jQuery
есть ли способ изменить свойства класса CSS, а не свойства элемента, используя jQuery? это практический пример: у меня есть div с классом red .red {background: red;} Я хочу изменить класс red свойство фона, а не элементы, которые имеют класс red фон назначены. если я сделаю это с помощью jQuery .метод css (): $('.red').css('background','green'); это повлияет на элементы, которые прямо сейчас имеют класс red. До сих пор все в порядке. Но если я делаю AJAX-вызов, и вставить несколько диво ...
CSS Units-в чем разница между vh/vw и %?
Я только что узнал о новом и необычном блоке CSS. vh и vw измерьте процент высоты и ширины видового экрана соответственно. Я посмотрел на этот вопрос из переполнения стека, но это сделало блоки еще более похожими. как работает vw и VH unit ответ, в частности, говорится: vw и vh-это процент от ширины и высоты окна, соответственно: 100vw-100% за ширина, 80вв 80%, ЕТК. это похоже на то же самое, что и % блок, который более общий. в инструментах разработчика я попытался изменить значения ...
Вертикально повернутый по центру текст с CSS
у меня есть следующий HTML: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer узкая вертикальная полоса. div.inner поворачивается на 90 градусов. Я хотел бы текст " по центру?"появляются по центру в div-контейнера. Я не знаю размер любого div заранее. это близко: http://jsfiddle.net/CCMyf/2/. вы можете видеть из jsfiddle, что текст вертикально центрирован перед transform: rotate(-90deg) стиль применяется, но несколько смещается после. ...
CSS media query для таргетинга только на iPad и iPad?
Привет я работаю с несколькими планшетными устройствами, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad и так далее. iPad-1024 x 768 LG Pad-1280 x 768 Galaxy Tab-1280 x 800 Я хочу, чтобы целевой iPad только с помощью CSS3 media query. Поскольку ширина устройства LG и iPad одинакова 768px-у меня возникли проблемы с разделением каждого устройства. Я пробовал следовать, чтобы отделить, но, похоже, нет рабочий: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orien ...
HTML, CSS-отключить прокрутку по телу
Я хотел бы отключить прокрутку на HTML body полностью. Я пробовал следующие варианты: overflow: hidden; (не работает, не отключил прокрутку, он просто спрятал полосу прокрутки) position: fixed; (это сработало, но он полностью прокрутился наверх, что неприемлемо для этого конкретного приложения) Я не смог найти никаких альтернатив этим двум вариантам, есть ли еще? ...