Programlama css

15

Giriş metni öğesindeki kenarlık vurgulaması nasıl kaldırılır

Bir HTML öğesi 'odaklanmış' (şu anda seçili / sekmeli) olduğunda, birçok tarayıcı (en azından Safari ve Chrome) çevresine mavi bir kenarlık yerleştirir. Üzerinde çalıştığım düzen için bu dikkat dağıtıcı ve doğru görünmüyor. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox bunu yapmıyor gibi görünüyor, ya da en azından şu şekilde …

610 css input safari webkit border

5

Display: inline ve display: inline-block arasındaki fark nedir?

Arasındaki fark tam olarak nedir inlineinline-blockCSS ve değerleridisplay ?

607 css display

7

CSS'de birden çok dönüşüm nasıl uygulanır?

CSS kullanarak, birden fazla uygulamayı nasıl uygulayabilirim transform? Örnek: Aşağıda, döndürme değil yalnızca çeviri uygulanır. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

603 css css-transforms

25

Bir öğenin JavaScript'te sınıf içerip içermediğini kontrol ettiniz mi?

Düz JavaScript (jQuery değil) kullanma, Bir öğenin sınıf içerip içermediğini kontrol etmenin herhangi bir yolu var mı ? Şu anda bunu yapıyorum: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case …

588 javascript html css dom

21

CSS görüntüyü yeniden boyutlandırmaya zorla ve en boy oranını koru

Görüntülerle çalışıyorum ve en boy oranlarıyla ilgili bir sorunla karşılaştım. <img src="big_image.jpg" width="900" height="600" alt="" /> Gördüğünüz olarak heightve widthzaten belirtilmiştir. Resimler için CSS kuralı ekledim: img { max-width:500px; } Ama big_image.jpgalıyorum width=500ve height=600. En boy oranlarını korurken görüntüleri yeniden boyutlandırılacak şekilde nasıl ayarlayabilirim.

577 css image aspect-ratio

30

Arka plan altında görünen Bootstrap kalıcı

Kodumu doğrudan Bootstrap örneğinden kullandım ve sadece bootstrap.js'yi (ve bootstrap-modal.js'yi değil) dahil ettim. Bununla birlikte, modelim gri solgunluk (zemin) altında görünüyor ve düzenlenemez. İşte böyle görünüyor: Bu sorunu yeniden oluşturmanın bir yolu için bu kemana bakın . Bu kodun temel yapısı şöyledir: <body> <p>Lorem ipsum dolor sit amet.</p> <div class="my-module"> …

576 javascript css twitter-bootstrap modal-dialog

26

Twitter Bootstrap Form Dosyası Öğesi Yükleme Düğmesi

Neden twitter bootstrap için süslü bir dosya öğesi yükleme düğmesi yok? Karşıya yükleme düğmesi için mavi birincil düğmenin uygulanması tatlı olacaktır. Yükleme düğmesini CSS kullanarak daha da güzelleştirmek mümkün mü? (değiştirilemeyen yerel bir tarayıcı öğesi gibi görünüyor)

573 css forms twitter-bootstrap input-type-file

23

Twitter Bootstrap'ı kullanarak nasıl ortalanmış içerik elde edersiniz?

Çok temel bir örneği takip etmeye çalışıyorum. Kullanılması marş sayfası ve ızgara sistemini , ben aşağıdakileri umuyordum: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Kod snippet'ini çalıştırHide resultsSnippet'i genişlet ... ortalanmış metin üretirdi. Ancak, yine de en solda görünür. Neyi yanlış yapıyorum?

569 html css twitter-bootstrap

27

Bir div'a ipucu ekleme

Böyle bir div etiketi var: <div> <label>Name</label> <input type="text"/> </div> :hoverTercihen solma giriş / çıkış efekti ile div üzerinde bir ipucunu nasıl görüntüleyebilirim .

568 javascript html css tooltip

21

HTML tablosunda sözcük kaydırma

word-wrap: break-wordMetinleri divs ve spans'ye kaydırmak için kullanıyorum . Ancak, tablo hücrelerinde çalışmıyor gibi görünüyor. width:100%Bir satır ve iki sütun ile ayarlanmış bir tablo var . Sütunlardaki metin, yukarıdakilerle stilize edilmiş olmasına rağmen kaydırılmaz word-wrap. Metnin hücrenin sınırlarını aşmasına neden olur. Bu Firefox, Google Chrome ve Internet Explorer'da olur. Kaynak …

566 html css html-table

8

Normalize.css ve Reset CSS arasındaki fark nedir?

CSS Sıfırlama'nın ne olduğunu biliyorum, ama son zamanlarda Normalize.css adlı bu yeni şeyi duydum Normalize.css ve Reset CSS arasındaki fark nedir ? CSS'yi normalleştirmek ve CSS'yi sıfırlamak arasındaki fark nedir? CSS Sıfırlama için yeni bir vızıltı mı?

565 css normalize-css

18

Açısal: * ngClass ile koşullu sınıf

Açısal kodumda sorun nedir? Alıyorum: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

562 javascript css angular angular-template angular-ng-class

3

Tarayıcılar neden CSS seçicileri sağdan sola eşleştiriyor?

CSS Seçicileri, tarayıcı motorları tarafından sağdan sola eşleştirilir. Bu yüzden önce çocukları bulurlar ve daha sonra kuralın geri kalan kısmıyla eşleşip eşleşmediklerini görmek için ebeveynlerini kontrol ederler. Bu neden? Sadece spec söylediği için mi? Soldan sağa değerlendirildiyse nihai yerleşimi etkiler mi? Bana göre bunu yapmanın en basit yolu, en az …

560 html css browser css-selectors

7

Div'ı CSS kullanarak dikey olarak kaydırılabilir yapma

Bu <div id="" style="overflow:scroll; height:400px;"> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Bir veren divkullanıcı yatay ve dikey hem de kaydırma yapabilirsiniz. Div'nin yalnızca dikey olarak kaydırılabilmesi için nasıl değiştirebilirim ?

560 html css

21

Kalan genişliği doldurmak için bir div öğesini genişletin

Her birinin değişken genişliğe sahip olabileceği iki sütunlu bir div düzeni istiyorum div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet 'Görünüm' div 'ağaç' div gerekli alanı doldurduktan sonra kullanılabilir tüm genişliği genişletmek istiyorum. Şu anda, 'görünüm' div'ım içerdiği içeriğe göre …

552 html css multiple-columns

«css» etiketlenmiş sorular