«css» etiketlenmiş sorular

Sahibim body { background: url(images/background.svg); } İstenen efekt, bu arka plan görüntüsünün sayfanınkine eşit genişliğe sahip olması, oranı korumak için yükseklik değiştirmesidir. örneğin orijinal görüntü 100 * 200 (herhangi bir birim) olursa ve gövde 600 piksel genişliğinde ise, arka plan resmi 1200 piksel yüksekliğinde olmalıdır. Pencere yeniden boyutlandırılırsa yükseklik otomatik …

365 html  css 

Aşağıdaki kodda, kullanıcı açıklığı gezdiğinde bir araç ipucu gelmesini istiyorum, bunu nasıl yaparım? Hiçbir bağlantı kullanmak istemiyorum. <span> text </span>

364 html  css 

Bazen düğme olarak şekillendirilmiş ankrajlar, bazen de sadece düğmeler kullanıyorum. Belirli tıklama öğelerini devre dışı bırakmak istiyorum, böylece: Engelli görünüyorlar Tıklanmayı bırakırlar Bunu nasıl yapabilirim?

360 jquery  html  css  twitter-bootstrap 

İki sınıf olduğunda bir etikete uygulamak istediğiniz bir stil kuralı var . Bunu JavaScript olmadan yapmanın bir yolu var mı? Diğer bir deyişle: <li class='left ui-class-selector'> Benim stil kuralını uygulamak istediğiniz sadece eğer lihem vardır .leftve .ui-class-selectoruygulamalı sınıflar.

360 css  css-selectors 

Font Awesome'in Simgelerinden simgelerin rengini, boyutunu ve gölgesini nasıl şekillendirebilirim ? Örneğin, Font Awesome'in sitesi bazı simgeleri beyaz, bazıları kırmızı olarak gösterecek, ancak CSSbu şekilde nasıl stilize edileceğini göstermeyecektir ...

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

On http://github.com geliştirici projenin HTML, CSS, JavaScript ve görüntü dosyalarını tutmak. HTML çıktısını tarayıcıda nasıl görebilirim? Örneğin bu: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Bunu açtığımda yazarın kodunun işlenmiş HTML kodunu göstermiyor. Sayfayı kaynak kodu olarak gösterir. Doğrudan oluşturulan HTML olarak görmek mümkün müdür? Aksi takdirde sonucu görmek için her zaman ZIP’in tamamını indirmem gerekir.

356 html  css  git  github  github-pages 

Sayfalandırmayı uyguluyorum ve ortalanması gerekiyor. Sorun, bağlantıların blok olarak görüntülenmesi, bu yüzden kayan olması gerektiğidir. Ama sonra, text-align: center;onlar üzerinde çalışmaz. Ben sol sarmalayıcı div dolgu vererek bunu başardı, ama her sayfa farklı sayıda sayfa olacak, bu yüzden işe yaramaz. İşte benim kod: .pagination { text-align: center; } .pagination a …

356 css-float  center  css 

Html belgemin gövdesi 3 öğe, bir düğme, bir form ve bir tuvalden oluşuyor. Düğmenin ve formun sağa hizalanmasını ve tuvalin sola hizalanmasını istiyorum. Sorun, ilk iki öğeyi hizalamaya çalıştığımda, artık birbirlerini takip etmiyorlar ve bunun yerine yatay olarak yan yana mılar? arada boşluk yok. #cTask { background-color: lightgreen; } #button …

352 css  html 

Bu tekniği http://css-tricks.com/svg-fallbacks/ kullanmak ve svg rengini değiştirmek istiyorum ama şimdiye kadar yapamadım. Bunu css'e koydum ama ne olursa olsun imajım her zaman siyah. Kodum: .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> Kod snippet'ini çalıştırHide resultsSnippet'i genişlet

351 css  svg 

ReactJS ve JSX için yeni ve aşağıdaki kod ile küçük bir sorun yaşıyorum. classNameHer özniteliğe birden çok sınıf eklemek çalışıyorum li: <li key={index} className={activeClass, data.class, "main-class"}></li> Benim React bileşenim: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, …

348 javascript  css  reactjs  ecmascript-6 

Nasıl yazılır :hoverve :visitedkoşullandırılıra:before ? Deniyorum a:before:hoverama çalışmıyor

347 css  css-selectors  pseudo-element  pseudo-class 

Web sitemdeki Modal ( http://twitter.github.com/bootstrap adresinden ) açılırken fare tekerleğini kullanırken vücudumun kaydırmayı durdurmasını istiyorum . Modal açıldığında aşağıdaki javascript parçasını aramaya çalıştım ama başarılı olamadım $(window).scroll(function() { return false; }); VE $(window).live('scroll', function() { return false; }); Lütfen web sitemizin IE6 desteği düştüğünü, IE7 + 'nın uyumlu olması gerektiğini …

347 javascript  jquery  css  scroll 

Metin girişi var <input type="text" value="3" class="field left"> İşte bunun için CSS'im 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; Bir ayar ya da hile var mı, onun yerine bir etiket yapmayı düşünüyordum ama stil hakkında nasıl. Onları nasıl dönüştürebilirim ve daha …

344 html  css  html-input 

Zurb Foundation 3 ızgarasını kullanarak bir site oluşturdum . Her sayfanın büyük bir boyutu vardır 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 …

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

Sorun: Bootstrap 3'te col-md- * 'nin sağındaki ve solundaki dolgu / kenar boşluğunu kaldırın. HTML Kodu: <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> …

342 css  twitter-bootstrap  html