«css» etiketlenmiş sorular

Bana beklenmedik bir davranış gibi görünen şeyleri anlamaya çalışıyorum: Ben de maksimum yüksekliği kullanan bir kapsayıcı içinde% 100 maksimum yüksekliğe sahip bir öğe var, ancak beklenmedik bir şekilde, çocuk üst taşan: Test örneği: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: …

139 css 

Bootstrap ile kaydırılabilir menüyü etkinleştirmek için bu yöntemi ( kemanlarını ) denedim , ancak bu yaklaşımla, kaydırılabilir menü kabını genişletiyor - keman - kaydırılamaz menü, doğru bir şekilde, bunu yapmıyor. Bunu nasıl düzeltebilirim? Bootstrap ile uyumlu diğer yaklaşımlarla ilgili öneriler de takdir edilmektedir! Referans olarak, ilk yöntemin kemanından HTML: <ul …

138 css  twitter-bootstrap  scrollable 

Yüzde boyutlu ve diğer boyutlu yazı tipleri hakkında birçok makale ve soru vardır . Ancak, yüzde değerinin referansının ne olması gerektiğini bulamıyorum. Bunun 'tüm tarayıcılarda aynı boyutta olduğunu' anlıyorum. Bunu da okudum, örneğin: Yüzde (%): Yüzde birimi "em" birimine çok benzer, birkaç temel fark için tasarruf edin. Her şeyden önce, …

138 css  font-size 

Konteyner alanımın tüm genişliğine uyan bir metin kutusu oluşturmak için uğraşıyorum . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Yukarıdakileri yaptığımda, iki form öğesi beklediğim gibi sıralı, ancak en iyi ihtimalle birkaç sütundan …

138 html  css  twitter-bootstrap-3 

Sayfamda aşağıdaki CSS kuralına sahip olduğumu varsayalım: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } Kullanıcının tarayıcısında tanımlı fontlardan hangisinin kullanıldığını nasıl tespit edebilirim? Bunu neden yapmak istediğimi merak eden insanlar için düzenleyin: Tespit ettiğim yazı tipi, diğer yazı tiplerinde bulunmayan glifler içeriyor ve kullanıcı yazı tipine sahip olmadığında, …

138 javascript  html  css  fonts 

Bir HTML 5 ortak şablonuna ( http://html5boilerplate.com/ adresinden ) bakıyordum ve "?v=1"CSS ve Javascript dosyalarına atıfta bulunurken URL'lerin kullanımını fark ettim . "?v=1"Bağlantı ve komut dosyası etiketlerindeki CSS ve Javascript URL'lerine ekleme ne yapar ? Tüm Javascript URL'lerinde "?v=1"(aşağıdaki örnekten örnek:) yoktur js/modernizr-1.5.min.js. Durumun böyle olmasının bir nedeni var mı? …

138 html  css  browser-cache 

Az önce yeni ve nadir bir CSS birimi öğrendim. vhve vwsırasıyla görünümün yükseklik ve genişlik yüzdesini ölçün. Bu soruya Stack Overflow'dan baktım, ancak birimlerin daha da benzer görünmesini sağladı. Vw ve vh ünitesi nasıl çalışır Cevap özellikle şöyle diyor: vw ve vh sırasıyla pencere genişliği ve yüksekliğinin bir yüzdesidir: 100vw …

138 css  viewport-units 

İşte HTML / CSS'de yapmaya çalıştığım şey: Farklı yükseklik ve genişliklerde görüntülerim var, ancak hepsi 180x235'in altında. Yani ne yapmak istediğinizi bir oluşturmaktır divile borderve vertical-align: middlehepsini. Ben başarılı bir şekilde yaptım ama şimdi düzgün bir href bağlantı nasıl tüm üzerinde sıkışmış div. İşte benim kod: <div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"> <div …

138 html  css 

Bir kullanıcı fare sınıf adı olan öğenin üzerine geldiğinde arka plan rengi uygulamaya çalışıyorum "reMode_hover" . Eleman Ama eğer rengini değiştirmek istemiyorum da vardır"reMode_selected" Not: Ben sadece bir tür sınırlı bir ortamda çalışıyorum çünkü javascript değil CSS kullanabilirsiniz. Açıklığa kavuşturmak için hedefim fareyle üzerine gelindiğinde birinci öğeyi renklendirmek, ikinci öğeyi …

138 html  css  css-selectors 

Ben giriş elemanları için bazı css uygulamak istiyorum ve ben sadece devre dışı olmayan ve türü göndermek olmayan girişler için bunu yapmak istiyorum, css altında çalışmıyor, belki birisi bana nasıl eklenmesi gerektiğini açıklayabilir. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

HTML'de kaydırmayı bodytamamen devre dışı bırakmak istiyorum . Aşağıdaki seçenekleri denedim: overflow: hidden; (çalışmıyor, kaydırmayı devre dışı bırakmadı, sadece kaydırma çubuğunu gizledi) position: fixed; (bu işe yaradı, ancak tamamen en üste kaydırıldı, bu özel uygulama için kabul edilemez) Bu iki seçeneğe alternatif bulamadım, başka var mı?

138 html  css  scroll 

Bunu ekledim, ancak düğme tıklandığında hala mavi çerçeve görünüyor. .btn:focus { outline: none; } bu çirkin şey nasıl kaldırılır?

138 css  twitter-bootstrap 

"Benzer OS X karanlık modunda olup olmadığını nasıl tespit etmek için? " Yalnızca tarayıcılar için. Safari / Chrome / Firefox'ta kullanıcının sisteminin yeni OS X Dark Mode'da olup olmadığını tespit etmenin bir yolu olup olmadığını kimse buldu mu? Mevcut çalışma moduna bağlı olarak sitemizin tasarımını karanlık mod dostu olacak şekilde …

138 css  macos  safari 

Üzerinde çalıştığım bu uygulamayı yüklediğinde Chrome'da bu hatayı alıyorum: Stil sayfası 50 için metin alınamadı: Belirtilen kimliğe sahip stil sayfası bulunamadı Sonraki sayfa yüklemeleri hatayı, ancak farklı bir numarayla tekrarlar: Stil sayfası 152 için metin alınamadı: Belirtilen kimliğe sahip stil sayfası bulunamadı Bu yalnızca Chrome'da ve yalnızca bu uygulamada olur. …

137 css  google-chrome 

Belirli bir dil seçildiğinde site CSS'yi bir RTL sürümüne göre geçersiz kılıyorum. Mutlak konumlandırmaya sahip bir elementim var. LTR versiyonunda yapıyorum left: 0px;ve sola hizalanmış; RTL sürümü ile tersini yapmak istiyorum right, ancak leftözellik geçersiz kalır, bu yüzden hala sola kalır. Birlikte hack denedim !important, ama bu işi yoktu. Ayarlamayı …

137 css  css-position