«css» etiketlenmiş sorular

Bir HTML öğesinin içeriğinden taşmış olup olmadığını kontrol etmek için (kaydırma çubuklarına bakılmaksızın) JavaScript kullanabilir miyim? Örneğin, küçük, sabit boyutlu, taşma özelliği görünür olarak ayarlanmış ve öğede kaydırma çubuğu olmayan uzun bir div.

136 javascript  html  css 

Varlıkları derleme yapıyorum ve uygulamayı üretim modunda çalıştırıyorum. Dizin sayfamı yüklediğimde derlemeden sonra krom konsolunda aşağıdaki uyarıları aldım: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Sorun, kareleri göstermek yerine simgeleri yüklememesi …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font 

Tarayıcı yeniden boyutlandırıldığında (kare en boy oranını korumak için) genişliği ile değişen bir yüksekliğe sahip bir kapsayıcı kurar aşağıdaki kodu var. HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces …

135 html  css  responsive-design  vertical-alignment 

<button>HTML'deki bir öğe üzerinde bir png resmi göstermeye çalışıyorum . Düğme görüntü ile aynı boyuttadır ve görüntü gösterilir, ancak bir nedenden dolayı merkezde değil - bu yüzden hepsini görmek imkansızdır. Başka bir deyişle, görüntünün sağ üst köşesi düğmenin sağ üst köşesinde değil, düğmenin ortasında bulunur gibi görünüyor. Bu HTML kodudur: …

135 html  css  image  button 

Javascript çağrıları yapma özelliği <a>olmadan html etiketleri bir sürü var . Bu bağlantıların imleç imleç stili yoktur. Metin stili imleçleri var.hrefonclick hrefÖzniteliği kullanmadan imleç stilini bağlantılar için işaretçiye nasıl ayarlayabilirim ? Href = "#" ekleyebileceğimi biliyorum. Ben html belgesinde birçok yerde bu var ve nasıl hreföznitelik kullanmadan bağlantılar için imleç …

135 javascript  html  css  hyperlink  cursor 

Başka bir divin içinde bir div var. #outerve #inner. #outerkıvrımlı kenarlıklar ve beyaz bir arka plan var. #innerkavisli kenarlıkları ve yeşil bir arka planı yoktur. #innerkavisli sınırlarının ötesine uzanır #outer. Bunu durdurmanın bir yolu var mı? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; …

135 css 

Biri diğerinin içine gömülü iki DIV var. Dış DIV mutlak olarak konumlandırılmamışsa, mutlak olarak konumlandırılan iç DIV, dış DIV'nin gizlediği taşmaya uymaz ( örnek ). Dış DIV'yi mutlak konuma ayarlamadan iç DIV'nin dış DIV'nin gizli taşmasına uymasını sağlama şansı var mı (bu, tüm düzenimizi bozacaktır)? Ayrıca, bir TD tablosundan ( …

135 html  css  layout  overflow  css-position 

Zaten biliyorum: son çocuk. Ancak div'i seçmenin bir yolu var mı: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOT: jQuery olmadan, yalnızca CSS ile

135 html  css  css-selectors 

Firefox'un mevcut web sayfasından farklı bir kökene ait yazı tipini yüklememesiyle ilgili uzun süredir devam eden bir sorun var. Sorun genellikle yazı tipleri CDN'lerde sunulduğunda ortaya çıkar. Diğer sorularda çeşitli çözümler ortaya atıldı: CSS @ font-face Firefox ile çalışmıyor, ancak Chrome ve IE ile çalışıyor Amazon S3 CORS ile birlikte, …

135 css  firefox  amazon-s3  font-face  cors 

Kullanmak istersem aşağıdaki komutu çalıştırmam gerektiğini söyleyen belgeleri okudum scss: ng set defaults.styleExt scss Ancak bunu yaptığımda ve o dosyayı yaptığımda, konsolumda hala şu hatayı alıyorum: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

Bootstrap 4 alpha 2 kullanıyorum ve kartlardan yararlanıyorum. Özellikle resmi belgelerden alınan bu örnek üzerinde çalışıyorum . Tüm kartların aynı yükseklikte olmasını nasıl sağlayabilirim? Şimdiye kadar düşünebildiğim tek şey aşağıdaki CSS kuralını belirlemektir: .card { min-height: 200px; } Ancak bu genel bir durumda işe yaramayacak sabit kodlanmış bir çözümdür. Benim …

135 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Ben bir bootstrap newbie ve bootstrap ile kodlamak istiyorum% 100 geniş bir şablon var. İlk sütun sol köşeden başlar ve en sağa uzanan bir Google haritam var. Bunu container-fluidsınıfla yapabileceğimi sanıyordum , ama artık mevcut değil. : Ben nasıl ThemeForest dışında, düzen görmek istiyorsanız burada bağlantı ı Geometri PSD şablonu …

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

http://www.clearleft.com gibi birçok sitede, bağlantılar üzerine getirildiğinde, varsayılan işlemin hemen değiştirilmesinin aksine farklı bir renge dönüşeceklerini fark edeceksiniz. JavaScript'in bu efekti oluşturmak için kullanıldığını varsayıyorum, kimse nasıl biliyor?

134 css  hover  fade  effect 

Düğmeleri devre dışı bırakabileceğiniz gibi Bootstrap 2.0'daki sekmeleri devre dışı bırakabilir misiniz?

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

Sorun şu ki, bir web sitesine içerik eklemek için IFrame'leri kullanmanız gerektiğinde, modern web dünyasında IFrame'in de duyarlı olması bekleniyor. Teoride basit, basitçe <iframe width="100%"></iframe>CSS genişliğini kullanmaya yardımcı olun veya ayarlayın, iframe { width: 100%; }ancak pratikte o kadar basit değil, ancak olabilir. Eğer iframeiçerik tamamen duyarlı ve iç kaydırma …

134 html  css  iframe