Запитання з тегом «css»

Який найпростіший спосіб виявити, чи був елемент переповнений? Мій випадок використання полягає в тому, що я хочу обмежити певне поле вмісту таким чином, щоб воно було висотою 300 пікс. Якщо внутрішній вміст вище цього, я відрізаю його переливом. Але якщо вона переповнена, я хочу показати кнопку "більше", але якщо ні, …

153 javascript  css  overflow 

Закрито . Це питання має бути більш зосередженим . Наразі відповіді не приймаються. Закрито 2 роки тому . Заблокований . Це запитання та його відповіді заблоковано, оскільки питання поза темою, але має історичне значення. Наразі він не приймає нових відповідей чи взаємодій. Коли користувач натискає кнопку на моїй сторінці, вміст …

152 javascript  html  css 

Чи є спосіб запобігти користувачеві бачити привид зображення, яке він намагається перетягнути (стосується не безпеки зображень, а досвіду). Я спробував це, що вирішує проблему із синім виділенням тексту та зображень, але не зображенням привидів: img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (Я також спробував …

152 javascript  html  css 

Я використовую вирівнювання тексту в стилі css, щоб вирівняти вміст всередині контейнера в HTML. Це добре працює, коли вміст є текстовим чи браузер IE. Але інакше це не працює. Крім того, як випливає з назви, він використовується в основному для вирівнювання тексту. Властивість вирівнювання застаріло задовго. Чи є інший спосіб …

152 html  css  text-align 

Я працюю над створенням рідкого аркуша стилів, і це чудово працює. Одне, що я помітив, - це те, що вікно браузера в Chrome не змінить розмір нижче 400 пікселів, він просто застрягне там і у FF, коли я зменшу його, він зупиняється приблизно на 400 пікселів, а потім вискакує горизонтальну …

151 html  css  layout  liquid-layout 

Серед інших текстових та наочних посібників під час подання форми, після валідації, я фарбую свої вхідні поля червоним кольором, щоб позначити інтерактивну область, яка потребує уваги. У Chrome (і для користувачів Панелі інструментів Google) функція автоматичного заповнення перефарбовує мої форми введення в жовтий. Ось складна проблема: я хочу, щоб автозаповнення …

151 css  validation  google-chrome  html-input 

У мене проблеми з тим, щоб цей plunkr (select2 + angulat-ui) працював. http://plnkr.co/edit/NkdWUO?p=preview При локальному налаштуванні я отримую роботу select2, але не можу встановити ширину, як описано в документах . Він занадто вузький, щоб використовувати його. Дякую. EDIT: Неважливо, plnkr, я знайшов тут робочу загадку http://jsfiddle.net/pEFy6/ Схоже, що поведінка select2 …

151 css  twitter-bootstrap  angularjs  jquery-select2 

Я хочу реалізувати спадне меню завантажувального закладу twitter, ось мій код: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> Спадне меню працює добре, моє спадне місце розміщується поруч із правою кромкою екрана, і коли …

151 html  css  twitter-bootstrap 

У мене є такий HTML: <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> з цим CSS: .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } Якщо ви перевірите цей jsFiddle: http://jsfiddle.net/8JwhZ/ ви бачите, що ім’я та …

151 html  css 

Зараз я редагую .css-файл всередині Visual Studio 2012 (у режимі налагодження). Я використовую Chrome як свій браузер. Коли я вношу зміни у файл .css мого додатку всередині Visual Studio і зберігаю, оновлення сторінки не завантажуватиметься оновленою зміною у моєму файлі .css. Я думаю, що .css файл все ще є кешованим. …

151 css  visual-studio  google-chrome  caching 

У мене є цей дів: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> Панелі прокрутки завжди видно, навіть якщо текст не переповнюється. Хочу зробити так, щоб смуги прокрутки були видимими лише тоді, коли це необхідно - тобто видно лише тоді, коли в полі є достатньо тексту, який вони потрібні. Як і текстарея. …

151 css  html  scrollbar 

У мене є CSS, що після наведення ефекту переходу CSS буде переміщено діл. Проблема, як ви бачите в прикладі, полягає в тому, що translateперехід має жахливий побічний ефект - змусити зображення в діві рухатись на 1px вниз / вправо (і, можливо, змінювати розмір коли-небудь так трохи?), Щоб воно з'явилося поза …

150 css  image  hover  positioning  translate-animation 

Я читав суперечливу інформацію щодо дурних обмежень CSS Internet Explorer. Я (думаю, що я) розумію, що у вас може бути лише 31 <style>та <link>теги (комбіновані), і що кожен аркуш може мати до 31- @importх (так що 31- <link>х, кожен до 31- @importх - це добре, хоч і божевільно). Однак правило …

150 css  internet-explorer  stylesheet 

У angularjs у вас є тег ng-src, який має на меті не отримати помилку щодо недійсного URL-адреси до того, як angularjs отримає оцінку змінних, розміщених між {{і }}. Проблема полягає в тому, що я використовую досить багато DIV з background-imageнабором URL. Я роблю це завдяки чудовій властивості CSS3, background-sizeяка обробляє …

150 css  angularjs 

Наразі я використовую readonly = "readonly" для відключення полів. Зараз я намагаюся стилізувати атрибут за допомогою CSS. Я спробував використовувати input[readonly] { /*styling info here*/ } але це чомусь не працює. Я також пробував input[readonly='readonly'] { /*styling info here*/ } це теж не працює. Як я можу стилізувати атрибут readonly …

150 html  css  css-selectors