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

В следующем коде я хочу всплывающую подсказку, когда пользователь наводит курсор на диапазон, как мне это сделать? Я не хочу использовать какие-либо ссылки. <span> text </span>

365 html  css 

я имею body { background: url(images/background.svg); } Желаемый эффект состоит в том, что это фоновое изображение будет иметь ширину, равную ширине страницы, высота будет изменяться для сохранения пропорции. Например, если исходное изображение имеет размер 100 * 200 (любые единицы), а тело имеет ширину 600 пикселей, фоновое изображение должно иметь высоту …

365 html  css 

Иногда я использую якоря, стилизованные под кнопки, а иногда я просто использую кнопки. Я хочу отключить определенные клики, чтобы: Они выглядят инвалидами Они перестают быть нажатыми Как я могу это сделать?

360 jquery  html  css  twitter-bootstrap 

У меня есть правило стиля, которое я хочу применить к тегу, когда у него есть два класса. Есть ли способ сделать это без JavaScript? Другими словами: <li class='left ui-class-selector'> Я хочу применить мое правило стиля только в том случае, если применяются liоба класса .leftи .ui-class-selectorклассы.

360 css  css-selectors 

Как я могу стилизовать цвет, размер и тень иконок от Font Awesome's Icons ? Например, сайт Font Awesome покажет некоторые значки в белом, а некоторые в красном, но не покажет, CSSкак их стилизовать таким образом ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

На http://github.com разработчик хранит HTML, CSS, JavaScript и файлы изображений проекта. Как я могу увидеть вывод HTML в браузере? Например это: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Когда я открываю это, он не показывает отрендеренный HTML код автора. Он показывает страницу в виде исходного кода. Можно ли увидеть это как визуализированный HTML напрямую? В противном …

356 html  css  git  github  github-pages 

Я осуществляю нумерацию страниц, и она должна быть центрирована. Проблема в том, что ссылки должны отображаться в виде блоков, поэтому они должны быть перемещены. Но тогда text-align: center;не работает на них. Я мог бы добиться этого, указав отступ для div-обертки слева, но на каждой странице будет разное количество страниц, так …

356 css-float  center  css 

Тело моего HTML-документа состоит из 3 элементов, кнопки, формы и холста. Я хочу, чтобы кнопка и форма были выровнены по правому краю, а холст - по левому краю. Проблема в том, что когда я пытаюсь выровнять первые два элемента, они больше не следуют друг за другом, а вместо этого находятся …

352 css  html 

Я хочу использовать эту технику http://css-tricks.com/svg-fallbacks/ и изменить цвет SVG, но до сих пор я не смог этого сделать. Я положил это в CSS, но мое изображение всегда черное, несмотря ни на что. Мой код: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Выполнить …

352 css  svg 

Я новичок в ReactJS и JSX, и у меня возникла небольшая проблема с кодом ниже. Я пытаюсь добавить несколько классов к classNameатрибуту на каждом li: <li key={index} className={activeClass, data.class, "main-class"}></li> Мой компонент React: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ …

349 javascript  css  reactjs  ecmascript-6 

Как написать :hoverи :visitedусловие дляa:before ? Я пытаюсь, a:before:hoverно это не работает

347 css  css-selectors  pseudo-element  pseudo-class 

Я хочу, чтобы мое тело перестало прокручиваться при использовании колесика мыши, когда модал (с http://twitter.github.com/bootstrap ) на моем веб-сайте открыт. Я попытался вызвать кусок JavaScript ниже, когда модал открывается, но безуспешно $(window).scroll(function() { return false; }); И $(window).live('scroll', function() { return false; }); Обратите внимание, что наш веб-сайт прекратил поддержку …

347 javascript  jquery  css  scroll 

Итак, у меня есть текстовый ввод <input type="text" value="3" class="field left"> Вот мой CSS для этого background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Есть ли настройка или хитрость к этому, я думал вместо этого сделать лейбл, но как насчет стиля. Как …

344 html  css  html-input 

Проблема: Удалите отступы / поля справа и слева от col-md- * в Bootstrap 3. HTML код: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> …

343 css  twitter-bootstrap  html 

Я создал сайт, используя сетку Zurb Foundation 3 . Каждая страница имеет большое h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> …

343 css  responsive-design  font-size  zurb-foundation  em