«css» etiketlenmiş sorular

Bir web sayfasını yazdırmak için piksel cinsinden güvenli genişlik nedir? Sayfam büyük resimler içeriyor ve yazdırıldığında kesilmeyeceklerinden emin olmak istiyorum. Farklı tarayıcı kenar boşlukları ve US Letter / DIN A4 kağıt boyutları hakkında bilgim var. Bu yüzden standart harf boyutunda ve bazı varsayılan DPI değerlerimiz var. Ancak bunları görüntünün özniteliğinde …

86 css  printing 

Son zamanlarda aşağıdakiler gibi şeyler yapan birkaç örnekle karşılaştım: <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> HTML formları yapmak için. Neden? Tablo kullanmanın avantajı nedir?

86 html  css  forms 

Aşağıdakiler gibi CSS seçicilerin bulunduğu bir duyarlı e-posta şablonu örneği buldum : a[class="btn"] Bu sözdizimi aşağıdakilerle tamamen aynıysa neden kullanılır: a.btn Mobil tarayıcılar veya başka herhangi bir şey üzerinde herhangi bir etkisi var mı?

86 css  css-selectors 

Genel CSS merkezleme sorunu, benim için çalışmıyor, sorun şu ki bitmiş genişlik pikselini bilmiyorum Tüm gezinti için bir div'im var ve sonra içindeki her düğme, birden fazla düğme olduğunda artık ortalamıyorlar. :( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> <div class="nav_button"> …

86 css  button  center 

Muhtemelen zaten bildiğiniz gibi, bir boşlukla ayrılmış öğeler üzerinde birden çok sınıfınız olabilir. Misal <div class="content main"></div> Ve CSS ile bunu hedefleyebilir divbiriyle .contentveya .main. Sadece ve ancak her iki sınıf da mevcutsa onu hedeflemenin bir yolu var mı ? Misal <div class="content main">I want this div</div> <div class="content">I don't …

86 css  css-selectors 

Bazı div'lerin merkeze yerleştirilmesi ve aynı zamanda içerik genişliklerine sığması gerekiyor . Şimdi bunu şöyle yapıyorum: .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #0099FF; color: white; margin: 10px auto; padding: 10px; text-align: justify; …

86 firefox  css  cross-browser 

<div style="display:inline-block;width:100px;"> very long text </div> sonraki yeni satırda gösterilmek yerine çok uzun metni kesmek için saf css kullanmanın herhangi bir yolu ve yalnızca maksimum 100 piksel göster

86 html  css 

"ÜRÜNLER" bölümünde beyaz bir div (ekte görüldüğü gibi) yukarı kaydırıyorum'u tıklayın. Duyarlı moddayken (mobil ve tablet), duyarlı gezinme çubuğunu otomatik olarak kapatmak ve yalnızca beyaz çubuğu göstermek istiyorum. Denedim: $('.btn-navbar').click(); ayrıca denedi: $('.nav-collapse').toggle(); Ve işe yarıyor. Bununla birlikte, masaüstü boyutunda, bir saniye küçüldüğü menüye de denir ve garip bir şey …

86 javascript  html  css  twitter-bootstrap 

Bootstrap 2.3'te zaten glifikonlar kullandım, ancak şimdi bootstrap 3.0'a yükselttim. Şimdi, icon özelliğini kullanamıyorum. Bootstrap 2.3'te aşağıdaki etiket çalışıyor <i class="icon-search"></i> Bootstrap 3.0'da çalışmıyor.

86 html  css  twitter-bootstrap-3 

Ben Yazı Müthiş Sass dosyasını kullanıyorum https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass bunu yapmak için _font-awesome.sass elimden yüzden @importbenim Sass projede. Ben de kullanıyorum http://middlemanapp.com/ dönüştürmek Sass için Css . Sorular: Dönüştürülmüş .css'lerime yalnızca kullanılmış simge sınıflarını getirmenin bir yolu var mı ? Çünkü şu anda _font-awesome.sass'tan tüm sınıfları taşıdı BONUS: Üretim kullanımında küçültmek için …

86 css  sass  font-awesome 

Kapalı . Bu sorunun ayrıntılara veya netliğe ihtiyacı var . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Ayrıntıları ekleyin ve sorunu açıklığa kavuşturmak bu yazıyı düzenliyor . 2 yıl önce kapalı . Bu soruyu geliştirin JavaScript kullanmadan sadece CSS içeren bir bağlantı kullanarak metin göstermek ve gizlemek …

86 css 

Yani, app/assets/stylesheets/şuna benzeyen bir dizin yapım var: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Her dizinde birden çok sass bölümü vardır (genellikle * .css.scss, ancak bir veya iki * .css.scss.erb). Çok şey varsayıyor olabilirim, ancak uygulama.css'de olduğu için rayların bu dizinlerdeki tüm dosyaları otomatik olarak derlemesi GEREKİR *= …

86 css  ruby-on-rails  asset-pipeline  sass 

Bir HTML öğesine, yalnızca bir tarafına eklenmiş kenarlık nasıl uygulanır . Şimdiye kadar, bunu yapmak için bir resim (GIF / PNG) kullanıyordum, daha sonra arka plan olarak kullanacağım ve uzatacağım (tekrar-x) ve bloğumun üstünden biraz uzakta konumlandıracağım. Son zamanlarda, CSS'nin ana hatlarını keşfettim , bu harika! Ama bütün bloğu daire …

86 html  css 

Bu Compass 101 olabilir, ancak herhangi biri bir rengin alfa değerini belirleyen bir mixin yazdı mı? İdeal olarak, karışımın herhangi bir renk tanımını almasını ve şeffaflık uygulamasını istiyorum: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( …

86 css  sass  compass-sass  rgba 

Geçmişte ve günümüzde çok fazla kişi tarafından üzerinde çalışılan dinamik olarak oluşturulmuş bir siteniz olduğunu ve şu anda 20.000'den fazla CSS satırı içeren bir paylaşılan stil sayfalarına sahip olduğunuzu varsayalım. Hiç organize değil, bazı sınıf ve kimlik tabanlı seçiciler var ama aynı zamanda çok fazla etiket tabanlı seçici var. Ve …

86 css