css

Высота текстового поля: 100%

вот моя скрипка:http://jsfiddle.net/e6kCH/15/ Это может показаться глупым, но я не могу найти способ сделать высоту текстовой области равной 100%. Он работает для ширины, но не для высоты. Я хочу, чтобы текстовая область изменялась в зависимости от ...

Глоток: как скопировать несколько файлов и сохранить структуру папок

Я пытаюсь скопировать файл из одной папки в другую папку с помощью gulp gulp.task('move-css',function(){ return gulp.src([ './source/css/one.css', './source/other/css/two.css' ]).pipe(gulp.dest('./public/assets/css/')); }); выше ко ...

Метка изображения для ввода в форме, не кликабельной в IE11

проблема в IE11 изображение в следующем коде доступно для активации / переключения ввода в метке: <label> <input type="checkbox"> some text <img src="http://placeimg.com/100/100/any" alt="some img"> </label> в то в ...

Как я могу поместить элемент ввода в ту же строку, что и его метка?

Я хотел бы поставить label и input[type=text] на той же строке, и я хотел бы, чтобы input's ширина для заполнения оставшейся ширины содержащего элемента, независимо от длины текста метки (см. Первое изображение). Я пытался использовать width: auto; ...

как выбрать div с классом "A", но не с классом"B"?

у меня есть несколько дивов: <div class="A">"Target"</div> <div class="A B">"NotMyTarget"</div> <div class="A C">"NotMyTarget"</div> <div class="A D">"NotMyTarget"</div> <div class="A E">"NotMyTa ...

Нажал CSS

Я хотел бы создать кнопку, которая изменяет его стиль при нажатии. Это мой CSS код: button { font-size: 18px; border: 2px solid gray; border-radius: 100px; width: 100px; height: 100px; } button:active { font-si ...

УСБ без обтекания плавающих дивов

Мне нужно создать одну строку, содержащую переменный объем (плавающая?) divs: размер контейнера фиксирован, и он должен добавить горизонтальную полосу прокрутки, когда это необходимо, никогда не оборачивая. я попробовал следующее, но это не работает ...

Собственные переменные CSS не работают в медиа-запросах

Я пытаюсь использовать переменные CSS в медиа-запросе, и это не работает. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { } ...

Стиль в JavaScript.display= "none" или jQuery.hide() является более эффективным?

document.getElementById("elementId").style.display="none" используется в JavaScript для скрытия элемента. Но в jQuery, $("#elementId").hide(); используется для той же цели. Какой способ более эффективен? Я видел сравнение между двумя функциями j ...

Кнопку в CSS

обычная проблема центрирования CSS, просто не работает для меня, проблема в том, что я не знаю готовой ширины px у меня есть div для всего навигатора, а затем каждая кнопка внутри, они больше не центрируются, когда есть более одной кнопки. : ( CSS ...

и шрифт-вес:жирный & и стиль шрифта:курсивный

есть ли реальная разница между использованием <strong> и <em> вместо свойств CSS: font-weight: bold; font-style: italic; кроме того, в чем на самом деле причина того, что существуют оба варианта? Я мог ошибаться, но не сделал <stron ...

как повернуть текст влево на 90 градусов и размер ячейки регулируется в соответствии с текстом в HTML

Предположим, у меня есть таблица с некоторыми строками и столбцами,поэтому я хочу повернуть текст в ячейках что-то вроде этого: проблема заключается в том, когда я поворачиваю текст с помощью стиля: #rotate { -moz-transform: rotate(-90.0deg); ...

Как центрировать форму в bootstrap 3

Как я могу центрировать свою форму входа ? Я использую bootstrap столбец, но он не работает. вот мой код: <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-6"> <h2>Log in< ...

Размытие изображения с помощью CSS?

на многих смартфонах (например, Samsung Galaxy II) при просмотре фотогалереи ее размытая копия выложена в фоновом режиме. Это может быть достигнуто с помощью CSS динамически (т. е. без того, чтобы копия фотографии была подготовлена заранее сохранена) ...

css width: calc (100% - 100px); альтернатива с использованием jquery

Я хотел бы использовать width: calc(100% -100px); который отлично справляется с тем, что мне нужно, единственная проблема-его совместимость. На данный момент он работает только в последних браузерах и совсем не в Safari. могу ли я сделать альтернат ...

Как перекосить элемент, но сохранить текст нормальным (unskewed)

можно ли воспроизвести это изображение, используя только CSS? Я хочу применить это к моему меню, так что коричневый фон появляется на hover экземпляр Я не знаю как это сделать, я только; .menu li a:hover{ display:block; background:#1a0 ...

Как создать div, чтобы заполнить все пространство между header и footer див

Я работаю над переходом от использования таблиц для целей макета к использованию divs (да, да, большие дебаты). У меня есть 3 ДИВС, заголовок, содержание и нижний колонтитул. Верхний и Нижний колонтитулы 50px каждый. Как я могу получить div нижнег ...

Абсолютное положение и переполнение: скрыто

<div id="parent" style="overflow:hidden; position:relative;"> <div id="child" style="position:absolute;"> </div> </div> мне нужно показать дочерний элемент, который больше, чем родительский элемент, но без удаления overf ...

Поворот веб-страницы с помощью кода?

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

CSS: Margin-top, когда у родителя нет границы

как вы можете видеть в эта картинка, у меня есть оранжевый div внутри зеленый div без верхней границы. Оранжевый div есть 30px верхний край, но он также толкает зеленый div вниз. Конечно, добавление верхней границы исправит проблему, но мне нужен зел ...