«css» etiketlenmiş sorular

Bootstrap 2'de (eski adıyla Twitter) çalışıyorum ve düğmeleri normal bağlantılar gibi biçimlendirmek istedim. Yine de herhangi bir normal bağlantı değil; bunlar bir <ul class="nav nav-tabs nav-stacked">konteynere gidiyor . İşaretleme şu şekilde sona erecek: <form action="..." method="post"> <div class="row-fluid"> <!-- Navigation for the form --> <div class="span3"> <ul class="nav nav-tabs nav-stacked"> …

110 html  css  twitter-bootstrap 

Birkaç sayfamda Google yazı tiplerini kullanıyorum ve bir yazı tipinin varyasyonlarını kullanmaya çalışırken duvara tosluyorum. Örnek: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans Bağlantı etiketi aracılığıyla Normal, Kalın, ExtraBold olmak üzere üç yüzü içe aktarıyorum. Normal yüz doğru görüntüleniyor, ancak yazı tipinin çeşitlerini CSS'mde nasıl kullanacağımı çözemiyorum Aşağıdakilerin tümünü yazı tipi ailesi için öznitelikler olarak denedim …

110 css  fonts 

Fareyi bir divfare imlecinin üzerine getirirsem , HTML çapasında olduğu gibi imleç olarak değişecektir. Bunu nasıl yapabilirim? Javascript'e ihtiyacım var mı yoksa sadece CSS ile mümkün mü?

110 javascript  css  mouse 

Aşağıdaki HTML'de <div id="content" role="main"> kimliğe #contentCSS aracılığıyla erişilebilir . Nasıl erişirim role="main".

110 css 

Görünüşe göre Chrome / Firefox kenarlıkları oluşturmuyor tr, ancak seçici ise kenarlığı oluşturuyor table tr td. Bir tr'ye nasıl sınır koyabilirim? Çalışmayan denemem: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet http://jsfiddle.net/edi9999/VzPN2/ Bu benzer bir sorudur: …

110 html  css  html-table 

Listedeki vurgulanan öğeyi görünüme kaydırmak için ScrollIntoView () kullanıyorum. Aşağı kaydırdığımda ScrollIntoView (false) mükemmel çalışıyor. Ancak yukarı kaydırdığımda, ScrollIntoView (true) tüm sayfanın amaçlandığını düşündüğüm biraz hareket etmesine neden oluyor. ScrollIntoView (true) kullanırken tüm sayfanın hareket etmesini önlemenin bir yolu var mı? İşte sayfamın yapısı - #listOfDivs { position:fixed; top:100px; width: …

110 javascript  css 

Yarı saydam bir overlay div üzerine bulanıklık efekti uygulamada sorun yaşıyorum. Div the arkasındaki her şeyin bulanık olmasını istiyorum, şöyle: İşte çalışmayan bir jsfiddle: http://jsfiddle.net/u2y2091z/ Bunun nasıl yapılacağına dair bir fikriniz var mı? Bunu olabildiğince karmaşık tutmak ve tarayıcılar arası olmasını istiyorum. İşte kullandığım CSS: #overlay { position: absolute; left: …

110 html  css  blur  css-filters 

Temel olarak sayfamda iki harici css var. İlki Main.csstüm stil kurallarını içeriyor, ancak ona erişimim yok ve bu nedenle onu değiştiremiyorum. İkinci bir dosyaya erişimim var Template.css, bu yüzden Main.css'in değerlerini geçersiz kılmam gerekiyor template.css. Değeri değiştirmek zorunda olduğum için bu kolaydır, ancak bir özelliği tamamen nasıl kaldırırım? Bir sınıfta …

109 css 

Twitter Bootstrap kullanarak web uygulamama duyarlı tasarım özellikleri eklemem gerekiyor. Sadece duyarlı davranışı istiyorum, tipografi, bileşenler veya Bootstrap'te yer alan diğer şeylerle ilgilenmiyorum. Sadece grid sistemini seçen özelleştirilmiş bir Bootstrap sürümüne sahibim . Ancak, oluşturulan CSS'yi uygulamama eklediğimde, tüm stillerim karışıyor (başlık, bağlantılar ve diğerleri). Bu neden oluyor? Sadece grid …

109 html  css  twitter-bootstrap  responsive-design 

Sadece Safari 10'da ortaya çıkan çok garip bir problemle karşılaştım transform:rotate(xdeg). Bazen kullanılarak döndürülen oyun kartlarım, svg resimlerim var . Kullandığım kartın kırmızı blok deseni var. Dönmediğinde veya dik açılarda döndürülmediğinde, yani 90, 180, 270, o zaman normal görünür. Ancak, bundan başka herhangi bir açı ve arka plan deseni maviye …

109 html  css  svg  safari 

İPhone / iPad / iPod'daki Webkit'te, bir <a>etiket için bir: active sözde sınıf için stil belirtmek , öğeye dokunduğunuzda tetiklenmez. Bunu nasıl tetikleyebilirim? Örnek kod: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

Html öğem için aşağıdaki olay işleyicisine sahibim jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Tıklama anında # arama çubuğunda farenin konumunu bulmam gerekiyor. Yukarıdaki kodun çalışması gerektiğini düşünürdüm ama yanlış sonuç veriyor

109 javascript  jquery  html  css  jquery-ui 

Formda bir seçme ve iki giriş alanım var. Bu öğeler dikey olarak hizalanmıştır. Ne yazık ki, bu elemanların eşit genişliğini elde edemiyorum. İşte kodum: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> Yukarıdaki örnek için, seçilen eleman için en iyi genişlik 198 veya 199 …

109 html  css  html-select  border-box 

Twitter önyükleme belgelerine göre , " <p>Doğru satır aralığı ve renk için bir etikete metin dizelerini sarabilmeliyim ." Bunu yaptığımda, navbaronun altındaki herhangi bir seviyede, hiçbir navbarsınıfı miras almıyor . Dizenin <a>etiketlere sarılması onu oluşturur, ancak bir bağlantı olmamalıdır. Oluşturmaya çalıştığım dize "Logged in as ... ".

109 html  css  twitter-bootstrap 

İç içe yerleştirmek spanve aetiketleri istiyorum . Yapmalımıyım <span>İçine koy<a> <a>İçine koy<span> Önemli değil mi?

109 html  css  semantic-markup