«css» etiketlenmiş sorular

Kapalı. Bu soru konu dışı . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Sorunuzu güncelleyin o yüzden -konu üzerinde yığın taşması için. 9 yıl önce kapalı . Bu soruyu geliştirin Genel bir en iyi uygulama temeli olarak nereden başlayacağımdan her zaman emin değildim. Evet, tasarımınıza bağlı olduğunu …

107 html  css  frontend 

Gezinme öğeleri arasına ayırıcılar eklemem gerekiyor. Ayırıcılar görüntülerdir. Benim HTML yapısı gibidir: ol > li > a > img. Burada iki olası çözüme ulaşıyorum: liAyırma için daha fazla etiket eklemek için (yuh!), Her bir öğenin görüntüsüne ayırıcı ekleyin (bu daha iyidir, ancak kullanıcının, örneğin "Ana Sayfa" yı tıklayıp "Hizmetler" e …

107 css  navigation  usability  separator 

Aşağıdaki gibi aynı miktarda pozitif ve negatif kullandığım birkaç scss seçicim var: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Tüm 15px miktarları için bir değişken kullanmayı tercih ederim, ancak bu işe yaramıyor: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Marj tutarları pozitif sayılara dönüşür. …

107 css  sass  compass-sass 

Bir SVG, <svg>etiketi kullanılarak bir belgeye doğrudan eklendiğinde, CSS stillerini belgenin stil sayfası aracılığıyla SVG'ye uygulayabilirsiniz. Ancak, gömülü bir SVG'ye ( <object>etiketini kullanarak ) bir stil uygulamaya çalışıyorum . Aşağıdaki kod gibi herhangi bir şey kullanmak mümkün mü? object svg { fill: #fff; }

107 html  css  svg 

Birkaç gündür küçük resim galerimi tüm görsellerin aynı yükseklik ve genişlikte görünmesi için yapılandırmaya çalışıyorum. Ancak Css kodunu olarak değiştirdiğimde, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Hepsi aynı boyutta olan görüntüler alıyorum, ancak en-boy oranı görüntüleri bozacak şekilde uzatılmış. Bunun yerine görüntü konteynerini yeniden boyutlandırmanın bir yolu yok …

107 html  css  gallery  lightbox 

CSS'de görüntü parlaklığını azaltmak istiyorum. Çok aradım ama elimde olan tek şey opaklığın nasıl değiştirileceğiyle ilgili, ama bu görüntüyü daha parlak hale getiriyor. biri bana yardım edebilir mi ?

107 css 

Tarayıcı penceresiyle birlikte bir resmi nasıl yeniden boyutlandırabileceğimi merak ediyorum, işte şu ana kadar yaptıklarım (veya tüm siteyi bir ZIP olarak indirdim ). Bu Firefox'ta sorunsuz çalışıyor, ancak Chrome'da sorunları var: görüntü her zaman yeniden boyutlandırılmıyor, bir şekilde sayfa yüklendiğinde pencerenin boyutuna bağlı. Bu, Safari'de de sorunsuz çalışır, ancak bazen …

107 css  image  browser  resize  window 

Biraz HTML’im var: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Div, belgemdeki aralığı değiştiriyor, bu nedenle bunun yerine bir aralık kullanmak istiyorum. Ancak span, içeriği merkezileştirmiyor: <span style="border:1px solid red;align=center"> This is some text in a div element! </span> Bunu nasıl düzeltirim? DÜZENLE: …

107 html  css 

Aşağıdaki gibi div içeren bir sayfam var <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> stil ile; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: 100%; height: …

107 css 

Bu konuda biraz takıldım ve bu position: sticky+ flexbox gotcha'yı paylaşacağımı düşündüm : Yapışkan div'im, görüşümü bir esnek kutu kapsayıcısına değiştirene kadar iyi çalışıyordu ve birdenbire, bir flexbox ebeveynine sarıldığında div yapışkan değildi. .flexbox-wrapper { display: flex; height: 600px; } .regular { background-color: blue; } .sticky { position: -webkit-sticky; position: …

107 css  flexbox  css-position  sticky 

Amacım en son CSS'yi uygulamak li, ancak bunu yapmıyor. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Kod parçacığını çalıştırınHide resultsSnippet'i genişlet Sadece son çocuğu nasıl seçebilirim ?

106 css  css-selectors 

Şu anda a kullanarak çözdüğüm küçük bir sorunum var table, aşağıya bakın. Temel olarak, iki div'in mevcut genişliğin% 100'ünü kaplamasını, ancak yalnızca gerektiği kadar dikey alan kaplamasını istiyorum (ki bu aslında resimden çok da açık değil). İkisi, gösterildiği gibi, aralarında küçük bir çizgi ile her zaman aynı yüksekliğe sahip olmalıdır. …

106 html  css  html-table 

Kilitli . Bu soru ve cevapları kilitlidir çünkü soru konu dışıdır ancak tarihsel önemi vardır. Şu anda yeni cevapları veya etkileşimleri kabul etmiyor. Başka bir forumda okurken CSS Framework dünyasına rastladım. Özellikle baktığım kişi BluePrint . Başka birinin CSS çerçeveleriyle karşılaşıp karşılaşmadığını merak ediyordum, hangisinin en iyisi olduğunu ve çabaya …

106 css  css-frameworks 

% 100 genişlikte bir masam var. İçine <td>s koyarsam , eşit uzunlukta sütunlarla yayılırlar. Ancak, son dışındaki tüm sütunların metni kaydırmadan mümkün olduğunca küçük bir genişliğe sahip olmasını istiyorum. İlk yaptığım şey, son hariç (kullanımdan kaldırılmış olmasına rağmen, ancak herhangi bir etkisi olmamasına rağmen width="1px") tüm <td>s'leri ayarlamamdı style="width:1px"; bu, …

106 html  css  html-table 

Metni ms kelimeli tablolarda olduğu gibi dikey yönde gitmeye çalışıyordum ama şimdiye kadar sadece BUNU yapabildim ... ki bu bir kutu döndürüldüğü için mutlu değilim ... Gerçek dikey yön metnine sahip olmanın bir yolu var mı? Metni dikey yapmayan demoda sadece dönüşü 305 dereceye ayarlıyorum. 270degolacak ama demoyu sadece dönüşü …

106 html  css  text  vertical-alignment