«css» etiketlenmiş sorular

Bu makalede, http://css-tricks.com/css-sprites/ , daha büyük bir görüntüden daha küçük bir görüntüyü nasıl kırpabileceğimden bahsediyor. Lütfen mümkün olup olmadığını / daha küçük bir görüntüyü nasıl kırpabileceğimi ve sonra kırpmadan önce kırpılan bölgeyi nasıl ölçeklendirebileceğimi söyleyebilir misiniz? İşte bu makaleden bir örnek: A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } Spriteme1.png'den …

157 css  css-sprites 

Bootstrap düğmelerini yatay olarak yerleştirmenin en iyi yolu nedir? Düğmeler şu anda dokunuyor: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle sorunu gösteriyor: …

157 html  css  twitter-bootstrap 

Üzerinde iki gölge olan bir Photoshop mock-up bir düğme stili çoğaltmak çalışıyorum. İlk gölge bir iç çakmak kutusu gölgesidir (2px) ve ikincisi düğmenin (5px) dışında bir gölge. Photoshop'ta bu kolaydır - İç Gölge ve Alt Gölge. CSS'de görünüşe göre biri ya da diğeri olabilir, ancak her ikisi de aynı anda …

157 css 

Youtube videomu göstermek için Bootstrap 3'ten Modal özelliğini kullanmaya çalışıyorum. Çalışıyor, ancak Youtube videosundaki hiçbir düğmeyi tıklayamıyorum. Bu konuda herhangi bir yardım? İşte benim kod: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3 

Bu yüzden, hem CSS3 geçişlerini hem de animasyonları nasıl yapacağımı anlıyorum. Açık olmayan ve googled olan, ne zaman kullanılacağıdır. Örneğin, bir top zıplatma yapmak istersem, animasyonun gitmenin yolu olduğu açıktır. Anahtar kareleri sağlayabilirim ve tarayıcı ara kareleri yapabilirdi ve güzel bir animasyon olacak. Bununla birlikte, bahsedilen etkinin her iki şekilde …

157 css  css-transitions  css-animations 

Stackoverflow bu örneği buldum: Yalnızca css kullanarak Circle çizin Hangi harika. Ama dairenin ortasına metin ekleyebilmem için bu örneği nasıl değiştireceğimi bilmek isterim? Bunu da buldum: Metni CSS'deki daire içinde dikey ve yatay olarak merkezleme (iphone bildirim rozeti gibi) ama nedense benim için çalışmıyor. Aşağıdaki test kodunu oluşturduğumda: <div class="badge">1</div> …

156 css  css-shapes 

Özel bir <li>liste stili türü oluşturmak için font awesome (veya başka herhangi bir ikonik font) sınıfları kullanmak mümkün olup olmadığını merak ediyorum ? Şu anda bunu yapmak için jQuery kullanıyorum, yani: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Bununla birlikte, <li>metin sayfayı gerçek madde işareti göstergesi olarak değil, metnin bir parçası olarak gördüğü için sayfa …

156 css  html-lists  font-awesome 

Flexbox, görüntüleri doğal yüksekliklerine uzattığı bu davranışa sahiptir. Başka bir deyişle, bir alt resme sahip bir flexbox kabım varsa ve bu görüntünün genişliğini yeniden boyutlandırırsam, yükseklik hiç yeniden boyutlandırılmaz ve görüntü uzatılır. div { display: flex; flex-wrap: wrap; } img{ width: 50% } <div> <img src="https://loremflickr.com/400/300" > <h4>Appify</h4> <p> some …

156 html  css  flexbox 

Seçilmiş cinsiyetler listem var. Kod: <select> <option>male</option> <option>female</option> <option>others</option> </select> Açılır listede açılan-icon.jpeg olarak bir resim kullanmak istiyorum. Açılır simge yerine bir düğme eklemek istiyorum. Bu nasıl yapılır?

156 html  css 

CSS arasındaki position: relativeve position: absoluteCSS arasındaki fark nedir ? Ve hangisini ne zaman kullanmalısın?

155 css 

Diğerleri gezinmelidir (bunlar açılır ve doğrudan gezinmez), ancak bazı başlıkların tıklandığında diğer sayfaya gitmemesi gereken bir açılır menü var (bu başlık tıklandığında bir açılır menü açar). türleri hreftanımladı Bunu çözmek için eski tip başlıklar için aşağıdaki css ekledim pointer-events: none; ve bu çalışıyor.Ancak bu özellik IE tarafından desteklenmiyor, ben bazı …

155 html  css  internet-explorer  browser  cross-browser 

Bir div döndürmek için -webkit-transform (ve -moz-transform / -o-transform) kullanıyorum. Ayrıca, konumun kullanıcı ile kaydırılması için sabit konum eklendi. Firefox'ta iyi çalışıyor, ancak webkit tabanlı tarayıcılarda bozuk. -Webkit-dönüşümünü kullandıktan sonra, sabit konum artık çalışmaz! Bu nasıl mümkün olabilir?

155 html  css  positioning  rotation 

Normalde css dosyaları içine konur <head></head>, ne içine koyarsam <body></body>ne fark eder?

155 html  css 

textarea'Leri rowsve colsniteliklerini CSS ile ayarlamak istiyorum . Bunu CSS'de nasıl yapabilirim?

155 css  styling 

Üst öğede fareyle üzerine gelindiğinde alt öğenin stilini değiştirme. Mümkünse bunun için bir CSS çözümünü tercih ederim. Aşağıdakiler yoluyla mümkün olan herhangi bir çözüm var mı: vurgulu CSS seçicileri. Aslında panelde bir vurgulu olduğunda panelin içindeki seçenekler çubuğunun rengini değiştirmem gerekiyor. Tüm büyük tarayıcıları desteklemek istiyor.

155 css  css-selectors