css- все статьи тега ➜ страница 13
Стиль входных элементов CSS [закрыт]
Я пытаюсь стилизовать входной текст и кнопку, как показано ниже: я связал как это . Выход не такой, как на картинке. поскольку я новичок в CSS. Не могли бы вы помочь мне исправить мой код? ...
Bootstrap 3 table-responsive не работает. X-полоса прокрутки отображается на всем сайте, а не на таблице
Когда ширина моего экрана уменьшается меньше минимальной ширины, которую может отображать моя таблица, вместо того, чтобы получить горизонтальную полосу прокрутки на обертке table-responsive, она увеличивает ширину всего моего сайта. Я перепробовал все решения SO, с которыми мне не повезло. Я подозреваю, что это как-то связано с моим стилем flexbox. В принципе, я оформил свой сайт так, что мой раздел содержимого главной страницы (который живет внутри <div id="aspnet-placeholder-content" clas ...
Кривая оконечности div тегов с использованием Html и css
Можно ли привести ребра кривой к divs, используя только html и css...без использования изображений. ...
Удалить эффект наведения таблицы для одной ячейки в таблице загрузчика Twitter
Я работаю над веб-приложением, используя Twitter Bootstrap. В одном из наших представлений есть таблица, которая использует класс .table-hover. Однако в таблице есть определенные ячейки,которые я не хочу выделять, когда остальные их строки выделяются. Какие правила стиля я должен использовать для достижения этого эффекта? Примерно так организована моя таблица представлений: <table class="table table-hover"> <thead> <tr> <th /> <th ...
Как я могу изменить стиль CSS ckeditor iframe
Я не могу понять, как изменить стиль CSS CKeditor iframe body. Я перепробовал множество вариантов, основанных на различных потенциальных решениях в интернете, но я не очень хорошо знаком с API CKeditor, который делает вещи довольно сложными. Это (в частности) CKeditor 4.4.3. Вы можете увидеть различные попытки (прокомментированные) в следующем JSfiddle: Http://jsfiddle.net/KS3p4/1/ CKEDITOR.stylesSet.add( 'style_updates', [ // ATTEMPT 1 // Block-level styles...this is for the dropdo ...
Рисование сетки с помощью CSS
Я ищу способ нарисовать сетку (т. е. http://www.artlex.com/ArtLex/g/images/grid.gif ) внутри div, используя CSS (и JS, если это необходимо). Мне кажется, что это должно быть относительно прямолинейно, но я не смог этого понять. Любой совет был бы очень признателен. Заранее благодарю вас, Ленни ...
Попытка изменить цвет заливки svg при фокусировке ввода
У меня есть значок SVG рядом с полем ввода. При наведении курсора на иконку или входной сигнал они оба должны менять цвет одновременно, а при щелчке по любому из них входной сигнал должен быть сфокусирован, и оба должны оставаться цветом при наведении. Проблема, с которой я сталкиваюсь, заключается в том, что SVG не будет сохранять цвет наведения, когда вход сфокусирован. Я пробовал использовать if ($('.input').is(':focus')), но это делает меня на шаг назад в том, что он каким-то образом предот ...
Bootstrap: выровнять текст кнопки слева
Как я могу выровнять текст слева внутри кнопки начальной загрузки? У меня есть несколько кнопок с текстом разной длины, и все кнопки должны иметь одинаковую ширину. Я достиг этого, используя класс col-xs-11. Пример кода кнопки ниже: <input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11"> Возможно ли достичь этого без создания пользовательского стиля, отличного от того, что предоставляет bootstrap? Я использую начальной загрузки В3.0.1 ...
Bootstrap: Tab Font-Size не меняется с CSS
Я пытаюсь изменить размер шрифта вкладок Twitter Bootstrap на веб-странице. Вроде бы все просто, но почему-то не получается. Все работает в моем примере JSfiddle: http://jsfiddle.net/Ww5Cw/. Однако он не работает должным образом на фактической веб-странице: http://chooserealtoday.com/new.html (прокрутите немного вниз-только вкладки на странице). Я изменил размер шрифта на 22px через Google Chrome Inspector (.навигация-закладки li a) и это работает, но когда я добавляю .nav-tabs li a {font-si ...
Как растягивать пункты меню (справа налево) - HTML и CSS
Я пытаюсь создать фиксированное меню. Когда я делаю наведение на элемент, все мои 3 элемента перемещаются справа налево. Я не знаю почему. Я не ожидаю, что он будет двигаться. Все, что мне нужно, это один элемент растягивается (справа налево), когда я делаю наведение на него. HTML-код: <div class="cs-menu"> <div class="item">one</div> <div class="item">two</div> <div class="item">three</div </div> CSS код: .cs-menu { position: fix ...
Flexbox: заполнить оставшееся пространство, но все еще обернуть
Есть ли способ сказать элементам flexbox, чтобы они заполнили оставшееся пространство, но обернуть, как только они становятся меньше, чем их содержимое. Однако некоторые элементы имеют фиксированную процентную ширину. HTML <div class="grid"> <div class="grid__item">column auto</div> <div class="grid__item one-third">column 33.333%</div> <div class="grid__item one-third">column 33.333%</div> <div class="grid__item">column auto</div> ...
Как поместить изображение (img) В div и сохранить соотношение сторон?
У меня есть div 48x48 и внутри него есть элемент img, я хочу поместить его в div без потери какой-либо части, в то же время соотношение сохраняется, это достижимо с помощью html и css? ...
Флажок Bootstrap input выровнять по вертикали
Используя Bootstrap версии 2.3.2, у меня есть макет формы, подобный изображению ниже, и поскольку флажок имеет встроенную метку, есть проблема выравнивания. Добавление поля к input[type="checkbox"] дает только поле для флажка, а не встроенную метку. Как сделать так, чтобы флажок и его метка по вертикали совпадали с текстовыми полями рядом с ним? Вот JS BIN Если вам интересно. ...
CSS для скрытия нескольких столбцов в таблице
У меня есть таблица, похожая на ту, что показана ниже на сайте SharePoint. Я не могу изменить таблицу, поскольку она генерируется динамически, но я могу добавить внешний CSS, чтобы переопределить ее стиль. Я должен показать только второй столбец и скрыть первый, третий и четвертый столбцы. Псевдокласс для скрытия первого столбца - table#student tr td:first-child { display: none; } Пожалуйста, помогите мне с псевдоклассом или любым другим трюком, чтобы скрыть третий и четвертый столбец. & ...
Таблица данных Bootstrap-разное количество ячеек строк одинаковой ширины
У меня есть таблица данных bootstrap (3.3.7), которую я хочу разместить одинаковой ширины на всех tds. В конце концов, я хотел бы, чтобы все строки с 3 ячейками доходили до правой стороны таблицы, сохраняя одинаковую ширину в каждой ячейке. Я провел массу исследований, чтобы найти что-то подобное, но потерпел неудачу, так что любая помощь в этом была бы очень признательна. Следующий скриншот - это то, что у меня сейчас есть: И вот что я хотел бы изменить в моей таблице кому: .col- ...
Выровнять jQuery Raty плагин правильно с текстом
В настоящее время я работаю над системой планирования встреч, в которой есть раздел для обзоров, оставленных для практики. Я использую плагин jQuery Rate для заполнения звезд на основе отзывов, представленных пользователями. Я испробовал все, что только возможно, чтобы выровнять звезды с текстом и изображением. Пожалуйста, смотрите прилагаемый Скриншот: Я пытаюсь привести звезды в соответствие с моим изображением в разделе "время ожидания". Изображение добавляется на эту страницу, как это: ...
:before/:: after псевдокласс не работает на элементе video
Я хотел бы, чтобы мой видеоэлемент показывал заголовок над видео во время воспроизведения, проблема в том, что он не работает. Если я переключаю тег на , он отлично работает. Что я делаю не так? Моя HTML разметка такова: <div class="player"> <video src="video.mp4" poster="video-poster.jpg" title="Video Name"></video> </div> А мой CSS такой: .player { position: relative; width: 852px; height: 356px; } .player video { position: relative; top: ...
Как авторазмер див?
У меня есть короткий вопрос о том, как авторазмер класс див. У меня есть несколько сообщений об ошибках, которые я хотел бы повторить. для этого errormessages у меня есть класс div: .wrapper form .error { color: #ccc; position: absolute; z-index: 2; background-color:#fff; height: 26px; line-height: 26px; padding: 10px; border: solid #ccc; border-width: 1px 1px 1px 1px; width: 200px; /*should be auto but doesnt work*/ line-height: 26px; right: 1 ...
Flexbox в Chrome-как ограничить размер вложенных элементов? [дубликат]
На этот вопрос уже есть ответ здесь: Chrome / Safari не заполняет 100% высоту Flex parent 3 ответа В Google Chrome Как заставить элемент, вложенный в элемент flexbox (под" элементом flexbox " я подразумеваю дочерний элемент элемента, стилизованного под display:flex), ограничить его размер размером элемента flexbox, в который он вложен под водой? Например, предположим, что у меня есть следующее: < ...
Как добавить и удалить активный класс к элементу в чистом JavaScript
Я пытаюсь сделать меню навигации я сделал все HTML и CSS когда пришел к javascript я поражен в середине я могу добавить класс к элементу, но я не в состоянии удалить класс оставшиеся элементы. Пожалуйста, помоги мне с этим. вот мой код <!DOCTYPE html> <html> <head> <title>Navigation class Toggling</title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; ...