«css» etiketlenmiş sorular

Şu anda olduğu gibi, bu soru Soru-Cevap formatımıza uygun değil. Cevapların gerçekler, referanslar veya uzmanlıkla desteklenmesini bekliyoruz, ancak bu soru büyük olasılıkla münazara, münakaşalar, anketler veya uzun tartışmalar gerektirecektir. Bu sorunun iyileştirilebileceğini ve muhtemelen yeniden açılabileceğini düşünüyorsanız, rehberlik için yardım merkezini ziyaret edin . 7 yıl önce kapalı . Css …

126 css  css-sprites  web-performance 

Collapse için Bootstrap 3 Javascript örnekleri sayfasından alınan temel örneği kullanarak, chevron simgelerini kullanarak daraltma durumunu gösterebildim. Bunu kullanarak çalışıyorum: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Bu çalışıyor (tüm tarayıcılarda tam olarak test edilmemiştir), ancak bunun için daha zarif bir çözüm olup olmadığını merak ediyorum. …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Sarmalayıcı div öğemde ilk öğe olarak bir başlık div var, ancak başlık div içindeki bir h1'e bir üst kenar boşluğu eklediğimde, başlık div'in tamamını aşağı iter. Bir sayfadaki ilk görünür öğeye bir üst kenar boşluğu uyguladığımda bunun olduğunu anlıyorum. İşte örnek bir kod parçacığı. Teşekkürler! div#header{ width: 100%; background-color: #eee; …

126 html  css  xhtml 

Bir görüntünün (dinamik olarak yerleştirilmiş, boyutlar üzerinde herhangi bir kısıtlama olmaksızın) üst div'i kadar geniş olmasını sağlamaya çalışıyorum, ancak bu genişlik% 100'deki kendi genişliğinden daha geniş olmadığı sürece. Bunu denedim, boşuna: img { width: 100%; height: auto; max-width: 100%; } Bu görüntülerin birçoğu ana div'lerinden çok daha geniştir, bu yüzden …

126 html  width  css 

Select elementim var, oku kaldırmak istiyorum, sonra başka bir simge ekleyebilirim .. Bunu Firefox Safari ve Chrome için yapabilirim, ancak bu IE9'da çalışmadı . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: …

126 html  css  html-select 

Bir div'in her zaman üst div'in sağında olmasını istiyorum, bu yüzden kullanıyorum float:right. İşe yarıyor. Ancak, eklendiğinde diğer içeriği etkilememesini de istiyorum, bu yüzden kullanıyorum position:absolute. Şimdi float:rightçalışmıyor, benim div her zaman üst div'in solunda. Nasıl sağa kaydırabilirim?

126 css  css-float  position 

Satır içi tutulması gereken iki resmim var; Her görüntünün altına bir başlık yazmak istiyorum. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Nasıl uygulayabilirim?

126 css  html 

Bir web geliştiricisinin belirli inputveya textareaöğelerde Chrome / Safari / WebKit'in yazım denetimini kapatmasının bir yolu var mı ? Ya özel etiket niteliği ya da tescilli bir CSS talimatıyla. Lerin ana hatlarını kapatmak için bir CSS talimatı var, inputbu yüzden bunun da olabileceğini düşündüm. Bir kullanıcının bunu nasıl yapabileceğini biliyorum. …

126 html  css  google-chrome  spell-checking 

Sayfamda, tıklandığında ekranımın divortasında bir (açılır stil) görüntüleyen bir düğme var . divEkranın ortasını ortalamak için aşağıdaki CSS'yi kullanıyorum : .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } Bu CSS, sayfa aşağı kaydırılmadığı …

126 html  css  scroll  position  centering 

Sass'ı yeni keşfettim ve bu konuda çok heyecanlandım. Web sitemde, çocuk birleştirici ( E > F) kullanılarak şekillendirilmiş ağaç benzeri bir gezinme menüsü uyguluyorum . Bu kodu Sass'ta daha basit (veya daha iyi) bir sözdizimi ile yeniden yazmanın bir yolu var mı ? #foo > ul > li > ul …

126 css  css-selectors  sass 

Ben yüksekliğini tutmak istiyorum #abc diven 50pxortasında dikey olarak hizalamak ve metin div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> Kod parçacığını çalıştırınHide resultsSnippet'i …

126 css  vertical-alignment 

Yapmaya çalıştığım şey, ipucu rengini kırmızıya çevirmek . Bununla birlikte, birden fazla başka renge de sahip olmak istiyorum, bu nedenle orijinal araç ipucunun rengini değiştirmek istemiyorum. Bunu nasıl yapacağım?

126 html  css  twitter-bootstrap 

CSS özelliğini kullanarak bir yedek madde işareti karakteri olarak özel bir grafik belirtebileceğini fark ettim: list-style-image Ve sonra ona bir URL veriyor. Ancak benim durumumda sadece '+' sembolünü kullanmak istiyorum. Bunun için bir grafik oluşturup sonra ona işaret etmek zorunda kalmak istemiyorum. Sırasız listeye, madde işareti simgesi olarak artı simgesi …

126 html  css  webkit  mobile-webkit 

Yalnızca css kullanarak, bir tablonun yalnızca 2. sütunundaki css'yi nasıl geçersiz kılabilirim. Şunu kullanarak tüm sütunlara ulaşabilirim: .countTable table table td Benim sitem olmadığı için bu sayfadaki html'ye ulaşamıyorum. Teşekkürler.

126 css 

Bu listeyi tek satırda işlemek istiyorum. Liste öğesi1 Liste öğesi2 Olarak gösterilmelidir * Liste öğesi2 * Liste öğesi2 Hangi CSS stilini kullanmalı?

126 css