«css» etiketlenmiş sorular

Fareyle üzerine gelindiğinde, bir CSS geçiş efekti bir div taşıyacak bazı CSS var. Örnekte görebileceğiniz gibi sorun, translategeçişin div içindeki görüntüyü 1px aşağı / sağa (ve muhtemelen çok küçük bir boyutta yeniden boyutlandırmak?) Yapmak için korkunç bir yan etkiye sahip olmasıdır. odak dışı... Aksaklık, vurgulu efektin uygulandığı süre boyunca geçerli …

150 css  image  hover  positioning  translate-animation 

Internet Explorer'ın saçma CSS sınırları ile ilgili çelişkili bilgileri okudum. Yalnızca 31'inizin <style>ve <link>etiketlerinizin (birleştirilmiş) olabileceğini ve her sayfanın 31'e kadar olabileceğini @import(yani 31 <link>-s, her biri 31 @import-s iyi, deli olsa da ) anlıyorum . Ancak, 4095 kuralı daha az açıktır - bu 4095 kuralı belge veya sayfa başına …

150 css  internet-explorer  stylesheet 

Angularjs size sahip etiket ng-src angularjs arasına yerleştirilen değişkenleri değerlendirmek bulmadan Geçersiz bir url için bir hata almazsınız bu amaca sahiptir {{ve }}. Sorun, background-imagebir url kümesi ile oldukça bazı DIV kullanmaktır . Bunu background-size, görüntüyü DIV'nin tam boyutuna kesen mükemmel CSS3 özelliği nedeniyle yapıyorum . Tek sorun, bir ng-src …

150 css  angularjs 

Şu anda alanları devre dışı bırakmak için readonly = "readonly" kullanıyorum. Şimdi öznitelik CSS kullanarak stil çalışıyorum. Kullanmayı denedim input[readonly] { /*styling info here*/ } ama bir sebepten dolayı çalışmıyor. Ben de denedim input[readonly='readonly'] { /*styling info here*/ } bu da işe yaramıyor. Salt okunur özniteliği CSS ile nasıl biçimlendirebilirim?

150 html  css  css-selectors 

Aslında iki sorunum var, ancak diğerinin daha kolay çözüleceğine inandığım için öncelikle birincil sorunu çözelim. Bir menü için kaydırmanın sol tarafında sabit bir konum div var. Sağ taraf, doğru kaydırılan standart bir div'dir. Sorun tarayıcı görünüm-portu tüm menüyü görmek için çok küçük olduğunda .. Ben bulabilirim bulmak için bir yolu …

150 javascript  css  scroll  overflow  css-position 

HTML öğeleri için tarayıcının varsayılan CSS'sini nerede bulabilirim? Çoğu HTML öğesi, bazen bilinmeyen / istenmeyen davranışlarla sonuçlanabilen bazı varsayılan CSS özellikleriyle birlikte gelir. Örneğin Giriş kutuları, farklı tarayıcılarda farklı şekilde görüntülenir. Yeni CSS3 özelliklerini ve yeni HTML5 öğelerini kapsayan bir yer arıyorum. CSS sıfırlama çözümünü öneren diğer (çok daha eski) …

150 html  css  cross-browser 

Ortada olmasını A Bve Chizalanmasını isterim . Nasıl Dtamamen sağa gidebilirim? ÖNCE: SONRA: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ …

150 html  css  flexbox 

Bu, Chrome'da aldığım bir hata ve maalesef araması bana çok fazla sonuç vermedi. Yazı tipinin kendisi doğru görünüyor. Ancak yine de bu hatayı / uyarıyı alıyorum. Daha spesifik olarak, bu tam uyarıdır: "İndirilen yazı tipi kodu çözülemedi: http: // localhost: 8000 / app / fonts / Lato / " Benim …

149 css  html  fonts 

Gerçekten javascript veya metin dekorasyonu kullanmadan bir parça metnin eski okul stilini göz kırpmasını istiyorum. Geçiş yok, sadece * yanıp sönüyor *, * yanıp sönüyor *, * yanıp sönüyor *! DÜZENLEME : Bu farklı bu soruya ben sormak çünkü yanıp diğer soruların OP nasıl sorar oysa sürekli geçişler olmadan değiştirmek …

149 html  css  css-animations  blink 

Tarayıcımdaki resimleri yeniden boyutlandırmak için html5 tuval öğelerini kullanıyorum. Kalitenin çok düşük olduğu ortaya çıkıyor. Bunu buldum: Bir <canvas> 'ı Ölçeklerken İnterpolasyonu Devre Dışı Bırakın, ancak kaliteyi artırmaya yardımcı olmaz. Aşağıda css ve js kodumun yanı sıra Photoshop ile aranan ve canvas API'sinde ölçeklenen görüntü var. Tarayıcıda bir görüntüyü ölçeklerken …

149 javascript  css  html  canvas  html5-canvas 

CodePen: http://codepen.io/anon/pen/RPNpaP . Yan yana görünümünde kırmızı kutu sadece 25 em geniş olmasını istiyorum - Bu medya sorgusu içinde CSS ayarlayarak bunu elde etmeye çalışıyorum: @media all and (min-width: 811px) {...} için: .flexbox .red { width: 25em; } Ama bunu yaptığımda, bu olur: http://i.imgur.com/niFBrwt.png Ne yaptığımı biliyor musun?

149 html  css  flexbox 

Her zaman belirli bir genişlikte olmasını istediğim bir masa hücrem var. Ancak, büyük boşluksuz metin dizeleri ile çalışmaz. İşte bir test durumu: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet Kutuyu genişletmek yerine …

149 html  css 

CSS öğreniyorum. CSS ile giriş ve gönderme düğmesi nasıl oluşturulur? Böyle bir şey yaratmaya çalışıyorum ama nasıl yapılacağı hakkında hiçbir fikrim yok <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

149 html  css 

İşte tüm sayfa * sarmalanabilir bir main.css dosyasında tanımlanmıştır /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } İşte tüm sayfa: <%@ include file="../../include/pre-header.html" %> <form …

149 html  css  html-table 

Yatay bir menüyü ortalamam gerekiyor. / / Vb. Karışımı da dahil olmak üzere çeşitli çözümler denedim , ancak başarılı olamadım.inline-blockblockcenter-align İşte benim kod: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!-- …

148 css  xhtml  menuitem