«css» etiketlenmiş sorular

2 bölümüm var: biri sayfamın sol tarafında, diğeri sağ tarafında. Sol taraftaki genişlik sabittir ve sağ taraftaki boşluğun kalan alanı doldurmasını istiyorum. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i …

419 html  css  width  responsive 

Tamam, bu gerçekten kafa karıştırıcı. Böyle bir div içinde bazı içerik var: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> Bununla birlikte, 'word' çok uzun olduğu için içerik DIV'den (beklendiği gibi) taşar. Tarayıcıyı içerideki tüm içeriğe uyacak şekilde kelimeyi 'kırmaya' nasıl zorlayabilirim?

417 html  css  line-breaks 

Bir görüntüm var ve belirli bir genişlik ve yükseklik (piksel cinsinden) ayarlamak istiyorum Ancak css ( width:150px; height:100px) kullanarak genişliği ve yüksekliği ayarlarsam görüntü gerilir ve çirkin olabilir. Görüntüleri CSS kullanarak belirli bir boyuta nasıl doldurur ve uzatmazsınız ? Dolgu ve germe görüntüsü örneği: Orijinal görüntü: Gergin Görüntü: Dolgulu Görüntü: …

415 css  image 

Bir var div( ebeveyn başka içerir) div( çocuk ). Üst öğe, bodybelirli bir CSS stili olmayan ilk öğedir . Ayarladığımda .child { margin-top: 10px; } Sonuçta çocuğumun üstü hala ebeveynle aynı hizada. Çocuğumun 10 piksel aşağı kaydırılması yerine, ailem 10 piksel aşağı kaydırılır. Benim DOCTYPEolarak ayarlandı XHTML Transitional. Burada ne …

414 css  xhtml  margin  nested 

Bir projede kullanılmayan css tanımlarını tanımlamaya yardımcı olacak iyi yaklaşımlar var mı? Bir sürü css dosyası içeri çekildi ve şimdi işleri biraz temizlemeye çalışıyorum.

414 css  performance  optimization  code-cleanup 

Bir öğenin kenarlığını böyle bir şeyle yarı saydam yapmanın düz bir CSS yolu var mı? border-opacity: 0.7; Değilse, görüntüleri kullanmadan nasıl yapabileceğime dair bir fikrim var mı?

409 css  opacity 

!importantCSS'de ne anlama geliyor? CSS 2'de mevcut mu? CSS 3? Nerede desteklenir? Tüm modern tarayıcılar?

409 css 

Sekmelerimin içeriğini dikey olarak ortalamaya çalışıyorum, ancak CSS stilini eklediğimde display:inline-flexyatay metin hizalaması kayboluyor. Sekmelerimin her biri için her iki x ve y metin hizalamasını nasıl yapabilirim? * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { …

408 html  css 

Tüm alt öğeleri özyinelemeli olarak nasıl seçebilirsiniz? div.dropdown, div.dropdown > * { color: red; } Bu sınıf yalnızca tanımlanan className ve tüm yakın çocuklara bir sınıf atar. Basit bir şekilde, aşağıdaki gibi tüm childNodes'ları nasıl seçebilirsiniz: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * …

407 css  css-selectors 

Bir elemanın işlenen yüksekliğini nasıl elde edersiniz? <div>İçinde bazı içerikler bulunan bir öğeniz olduğunu varsayalım . İçerideki bu içerik yüksekliğini artıracak <div>. Yüksekliği açıkça ayarlamadığınızda "oluşturulan" yüksekliği nasıl elde edersiniz? Açıkçası denedim: var h = document.getElementById('someDiv').style.height; Bunu yapmak için bir hile var mı? Bu yardımcı olur jQuery kullanıyorum.

406 javascript  jquery  css  height 

Kapalı. Bu soru Yığın Taşması yönergelerine uygun değil . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu Yığın Taşması için konuyla ilgili olacak şekilde güncelleyin . 3 yıl önce kapalı . Çoğu web geliştiricisi gibi, zaman zaman nasıl biçimlendirildiklerini görmek için web sitelerinin kaynağına bakmak istiyorum. Firebug …

403 html  css  internet-explorer  firebug  google-chrome-devtools 

çıktı: Merhaba Nasılsın kod: <p>hello <br> How are you </p> Aynı çıktıyı nasıl elde edebilirim <br>?

398 html  css 

Şu anda ikisi arasındaki farkın ne olduğunu merak ediyorum. Her ikisini de kullandığımda, konteynere uymuyorsa kelimeyi kırıyor gibi görünüyor. Peki W3C bunu yapmak için neden iki yol yaptı?

397 css  word-wrap 

Bir html girdim var. Girişin padding: 5px 10px;ana div genişliğinin (akışkan olan)% 100 olmasını istiyorum. Ancak kullanmak width: 100%;girdinin olmasına neden olur, bununla 100% + 20pxnasıl başa çıkabilirim? Misal

396 html  css  width  fluid-layout 

z-indexBir twitter bootstrap popover'ı denemek ve analiz etmek için krom denetçisini kullanıyorum ve son derece sinir bozucu buluyorum ... İlişkili CSS'yi değerlendirebilmem ve değiştirebilmem için popover'ı (gösteriliyorken) dondurmanın bir yolu var mı? İlişkili bağlantıya sabit bir 'fareyle üzerine gelme' yerleştirilmesi, popover'ın görünmesine neden olmaz.

394 css  google-chrome  google-chrome-devtools