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

Как правильно bootstrapплавать div вправо? Я думал, что pull-rightэто рекомендуемый способ, но он не работает. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент

142 html  css  twitter-bootstrap 

scriptЭлемент , который был стилизованный display:blockпоявляется видно. Почему это возможно и есть ли реальный вариант использования, когда это желательно? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент

142 html  css  script-tag 

Кто-нибудь знает простой способ поменять цвет фона веб-страницы с помощью JavaScript?

142 javascript  css 

Я пробовал этот метод ( их скрипку ), чтобы включить прокручиваемое меню с помощью Bootstrap, но при таком подходе прокручиваемое меню расширяет свой контейнер - скрипку - не прокручиваемое меню, правильно, не делает этого. Как я могу это исправить? Также приветствуются предложения по другим подходам, совместимым с Bootstrap! Для справки, …

142 css  twitter-bootstrap  scrollable 

У меня есть ситуация, когда в обычных условиях CSS фиксированный div будет располагаться именно там, где он указан ( top:0px, left:0px). Похоже, это не соблюдается, если у меня есть родительский объект с преобразованием translate3d. Я чего-то не вижу? Я пробовал другие варианты webkit-transform, такие как style и transform origin, но …

142 html  css  css-position  css-transforms 

Я хочу добавить стиль к выбранной метке переключателя: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } Есть идеи, что я делаю не …

141 html  css 

Я хочу игнорировать все :hoverобъявления CSS, если пользователь заходит на наш сайт через сенсорное устройство. Потому что :hoverCSS не имеет смысла, и это может даже беспокоить, если планшет запускает его при нажатии / нажатии, потому что тогда он может застрять, пока элемент не потеряет фокус. Честно говоря, я не знаю, …

141 html  css  hover  touch 

Я использую веб-шрифты Google, и они отлично подходят для сверхбольших размеров шрифта, но при 18px они выглядят ужасно. Я читал кое-где, что есть решения для сглаживания шрифтов, но я не нашел ни одного места, где бы это четко объяснялось, и несколько найденных мной фрагментов вообще не работают. Я h4ужасно выгляжу …

141 css  google-chrome  fonts  google-webfonts 

Есть много статей и вопросов о шрифтах процентного размера и шрифта другого размера . Однако я не могу узнать, ЧТО должен быть эталон процентного значения. Я понимаю, что это «одинаковый размер во всех браузерах». Я также читал это, например: Процент (%): Единица процента очень похожа на единицу «em», за исключением …

141 css  font-size 

У меня есть 2 основные формы - вход и регистрация, обе на одной странице. Теперь у меня нет проблем с автозаполнением формы входа,но форма регистрации тоже заполняется автоматически, и мне это не нравится. Кроме того, стили формы имеют желтый фон, который мне не удается переопределить, и я не хочу использовать …

141 html  css  input  autofill 

У меня есть левый-правый flexbox: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> Выполнить фрагмент кодаHide resultsРазвернуть фрагмент Проблема в том, что правильный ребенок не ведет себя отзывчиво. Чтобы быть конкретным, я хочу, чтобы он …

141 css  flexbox 

Я хочу создать общие страницы верхнего и нижнего колонтитула, которые включены в несколько HTML-страниц. Я хотел бы использовать JavaScript. Есть ли способ сделать это, используя только HTML и JavaScript? Я хочу загрузить страницу верхнего и нижнего колонтитула в другой HTML-страницы.

141 javascript  jquery  html  css 

при нажатии где-то еще граница исчезает, пробовал не фокусировать, но не помогло, как заставить уродливую границу кнопки исчезать при нажатии? input[type="button"] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } <input type="button" value="Example Button"> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент

141 css  button 

Есть ли причина использовать <div style="display:inline-block">вместо a <span>для макета веб-страницы? Могу ли я поместить содержимое внутри диапазона? Что действительно, а что нет? Можно использовать это, чтобы сделать таблицу 3x2 как макет? <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, spans, etc) </span> </div> <div> <span> …

140 css  html 

В последнем документе есть: <p class="mb-0">Lorem ipsum</p> Выполнить фрагмент кодаHide resultsРазвернуть фрагмент В: Что такое мб-0?

140 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4