«css» etiketlenmiş sorular

İle bash aracılığıyla yeni bir Foundation 5 projesi oluşturdum foundation new my-project. İndex.html dosyasını Chrome'da açtığımda Uncaught TypeError: a.indexOf is not a function, konsolda kaynaklanan bir hata gösterilir jquery.min.js:4. Projeyi vakıf sitesindeki adımları izleyerek oluşturdum, ancak bu hatadan kurtulamıyorum. Foundation ve jQuery, index.html dosyasına dahil edilmiş ve doğru şekilde bağlanmış …

251 javascript  jquery  css  google-chrome  zurb-foundation 

Bir görüntü kullanarak belirli dosya türlerine bağlantıları süslemek istediğimi varsayalım. Bağlantılarımı şu şekilde beyan edebilirim: <a href='foo.pdf' class='pdflink'>A File!</a> sonra CSS gibi .pdflink:after { content: url('/images/pdf.png') } pdf.pngBağlantı metnim için doğru boyutta değilse , şimdi bu harika çalışıyor . Tarayıcıya :afterresmi ölçeklendirmesini söyleyebilmek istiyorum , ancak hayatım boyunca doğru sözdizimini …

251 css  pseudo-element 

Bu görüntüdeki gibi bir dairenin içindeki bir sayıyı çevrelemek istiyorum: Bu mümkün mü ve nasıl başarılıyor?

250 html  css  css-shapes 

Ön sunucu olarak nginx kullanıyorum, CSS dosyalarını değiştirdim, ancak nginx hala eskilerine hizmet veriyor. Başarısız olmak için nginx'i yeniden başlatmayı denedim ve Googled'i buldum, ancak temizlemek için geçerli bir yol bulamadım. Bazı makaleler sadece önbellek dizinini silebileceğimizi söylüyor: var/cache/nginxancak sunucumda böyle bir dizin yok. Ben şimdi ne yapmalıyım?

250 css  nginx  caching  server  nginx-cache 

Rails programlamada yeni başlıyorum, bir sayfada birçok resim göstermeye çalışıyorum. Bazı görüntüler diğerlerinin üzerine serilir. Basitleştirmek için, mavi karenin sağ üst köşesinde kırmızı bir kare olan (ancak köşede sıkı değil) mavi bir kare istediğimi söyleyin. Performans sorunları nedeniyle (ImageMagick ve benzeri ile) kompozisyon kaçınmak çalışıyorum. Üst üste binen görüntüleri birbirine …

250 html  css  optimization  graphics 

Kullandığınız platforma mı bağlı veya çoğu geliştiricinin önerdiği / takip ettiği ortak bir kural var mı? Birkaç seçenek vardır: id="someIdentifier"' - javascript kodu ile oldukça tutarlı görünüyor. id="some-identifier" - html5 benzeri özelliklere ve html'deki diğer şeylere benziyor. id="some_identifier" - ruby ​​koduyla oldukça tutarlı görünüyor ve Javascript içinde hala geçerli bir …

250 html  css  naming-conventions  standards 

Wordpress şablonum için orijinal CSS'yi geçersiz kılan özel bir stil sayfası oluşturdum. Ancak, takvim sayfamda, orijinal CSS, !importantbildirimle birlikte ayarlanan her tablo hücresinin yüksekliğine sahiptir : td {height: 100px !important} Bunu geçersiz kılabilmemin bir yolu var mı?

250 css 

HTML ve CSS için çok yeniyim ve sadece yazı tipimi nasıl CSS kullanarak kalın yapabileceğimi merak ediyordum. Bir CSS dosyasını içe aktarılan düz bir HTML sayfam var ve CSS'deki yazı tipini değiştirebilirim. Ama yazı tipini nasıl kalın yapacağımı bilmiyorum, kimse bana yardımcı olabilir mi?

249 css 

Gizli bir div içindeki bir öğenin yüksekliğini almam gerekiyor. Şu anda div'ı gösteriyorum, yüksekliği elde ediyorum ve üst div'ı gizliyorum. Bu biraz aptalca görünüyor. Daha iyi bir yol var mı? JQuery 1.4.2 kullanıyorum: $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

249 javascript  jquery  html  css 

h2Bir web sayfasındaki bir öğeyi Google Chrome'un öğe denetçisini kullanarak inceliyorum ve uygulandığı anlaşılan bazı CSS kuralları gri görünüyor. Görünüşe göre bir tersine çevirme, bir kuralın geçersiz kılındığını gösterir, ancak bir stil gri olduğunda ne anlama gelir?

249 css  google-chrome  browser  inspector 

Ben twitter bootstrap 3 ile iki sütunlu tam yükseklik düzeni yapmaya çalışıyorum. Twitter bootstrap 3 tam yükseklik düzenleri desteklemiyor gibi görünüyor . Yapmak istediğim şey: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | …

247 html  css  twitter-bootstrap 

Bir stil değişikliği etkilemek için bazı önemsiz JavaScript var: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; Bu, FF, Opera ve IE'nin en son sürümleriyle iyi çalışır, ancak Chrome ve Safari'nin en son sürümlerinde başarısız olur. Kardeş olan iki torunu etkiler. İlk kardeş güncellenir, ikincisi güncellenmez. İkinci öğenin alt öğesi …

247 css  google-chrome  safari  webkit 

Ben dikey merkez a çalışıyorum spanya divbaşka dahilinde elemanındiv . Ancak koyduğumda vertical-align: middlehiçbir şey olmuyor. Her displayiki öğenin özelliklerini değiştirmeyi denedim ve hiçbir şey işe yaramıyor. Şu anda web sayfamda yaptığım şey bu: .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: …

247 html  css 

Sadece bir şekilde CSS contentözelliğinin html kodu yerine dize :beforeveya :afterbir öğe eklemesinin mümkün olup olmadığını merak etmek : .header:before{ content: '<a href="#top">Back</a>'; } bu oldukça kullanışlı olurdu ... Javascript ile yapılabilirdi ama bunun için css kullanmak gerçekten hayatınızı kolaylaştıracak :)

246 html  css  pseudo-element  css-content 

Bazı SVG görüntülerini seçilen öğelerin önüne yerleştirmek istiyorum. Ben jQuery kullanıyorum ama bu ilgisiz. :beforeÖğe gibi olmak istiyorum : #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Yukarıda gösterildiği gibi yaparsam, sadece dize görüntüler. Teknik özellikleri kontrol ettim ve içeriğin …

246 css  svg