«css» etiketlenmiş sorular

Düzenleri tasarlarken html, bodyöğeleri ' heightolarak ayarlıyorum 100%ama bazı durumlarda bu başarısız oluyor, peki ne kullanılmalı? html, body { height: 100%; } veya html, body { min-height: 100%; } Her yöntemin kendi kusurları olduğu için bu fikir temelli değildir, öyleyse önerilen yol nedir ve neden?

82 html  css 

Tarayıcılar arası uyumlu bir rotasyon (ie9 +) oluşturmaya çalışıyorum ve jsfiddle'da aşağıdaki koda sahibim $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } CSS ve HTML gerçekten basittir ve …

82 jquery  css  rotation  jquery-animate 

Uygulamam bir mesaj panosu sayfasının HTML'sini indirmek için JSoup kullanıyor (diyelim ki bu durumda, belirli bir konu başlığının gönderilerini içeren bir sayfadır). Bu HTML'yi almak, istenmeyen öğeleri çıkarmak ve bir Web Görünümü'nde 'mobil' olacak şekilde biçimlendirmek için özel CSS uygulamak istiyorum. Stilleri işlerken HTML'ye eklemeli miyim (yine de işleyeceğim için) …

82 android  html  css  webview 

CSS medya sorgularıyla, max-device-widthbir cihaz genişliğini (iPhone veya Android cihazı gibi) ve / veya max-widthbir sayfa genişliğini hedefleyen bir cihazı hedeflemek için kullanabilirsiniz . Eğer kullanırsanız max-device-widthmasaüstü değişim boyutu değil, çünkü masaüstünüzde tarayıcı penceresinin boyutunu değiştirdiğinizde, CSS, değişmez. Eğer kullanırsanız max-widthmasaüstünüzde tarayıcı penceresinin boyutunu değiştirdiğinizde, bu tür dokunmatik dostu elemanları …

82 css  responsive-design  media-queries 

CSS dönüştürülmüş durumlar arasında geçiş yapmak için CSS geçişlerini kullanıyorum (temelde bir öğenin ölçeğini değiştiriyorum). Öğe geçiş yaparken, sayfadaki metnin geri kalanının (Webkit'te) geçiş tamamlanana kadar işlenmesini biraz değiştirmeye eğilimli olduğunu fark ettim. Fiddle: http://jsfiddle.net/russelluresti/UeNFK/ Bunun, başlıklarımda olmadığını da fark ettim. -webkit-font-smoothing: antialiased özellik / değer çifti bulunan . Merak …

81 css  webkit  css-transitions  css-transforms 

IE8'de bazı ileri testler yapma sürecindeyim ve görünüşe göre eski kullanma tekniği margin: 0 auto;IE8'de her durumda çalışmıyor. Aşağıdaki HTML parçası FF3, Opera, Safari, Chrome, IE7 ve IE8'de ortalanmış bir düğme sağlar, ancak IE8 standardında DEĞİLDİR : <div style="height: 500px; width: 500px; background-color: Yellow;"> <input type="submit" style="display: block; margin: 0 …

81 html  css  internet-explorer-8 

CSS 2.1 etrafındaki olağan IE hatalarını düzeltmeye çalışıyorum ve özel bir metin hizalama stili eklemek için öğe stili özelliklerini değiştirmenin bir yoluna ihtiyacım var. Şu anda jQuery'de şöyle bir şey yapabilirsiniz: $(this).width() or $(this).height() ancak aynı yaklaşımla metin hizalamasını değiştirmenin iyi bir yolunu bulamıyorum. Öğenin zaten bir sınıfı var ve …

81 jquery  css  text-align 

Bu kod örneğine bakın: http://jsfiddle.net/Z2BMK/ Chrome / IE8 şuna benzer Firefox buna benziyor CSS'm button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } Düğmeyi her iki tarayıcıda da aynı yapmak için kod örneğini nasıl değiştirebilirim? JavaScript tabanlı köprüler kullanmak istemiyorum çünkü klavyede boşluk çubuğuyla çalışmıyorlar …

81 css  firefox  button  spacing 

CSS ile bir sayfa oluşturdum. Şimdi, her küçük değişikliğe göz atmak için, editörümden tarayıcıma geçmeli ve tüm sayfayı yenilemeliyim. Ama bazı animasyonlarım olduğu için sayfayı yenilemek istemiyorum. Bir CSS güncellemesinden sonra sitemin otomatik olarak güncellenmesi için kullanabileceğim herhangi bir şey var mı? Belki JavaScript, jQuery, Ajax veya başka bir şeyle?

81 javascript  jquery  html  css  ajax 

Tamam, görünüşe göre bunu düzeltmek imkansız. Bir metin kutum ve bir seçim kutum var. Sol kenar boşluğu ve sağ kenar boşluğunda sıralanmaları için tam olarak aynı genişlikte olmalarını istiyorum. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <option>123</option> </select> …

81 css  html  textbox  drop-down-menu 

HighchartsbackgroundColor:'transparent'siyahı gösteren grafik seçeneğiIE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } Bu I.E 9ve diğerleri üzerinde iyi çalışıyor, ancak IE 8 ve Safari'de başarısız oluyor, herhangi birinin neden olduğu hakkında bir fikri var mı?

81 css  internet-explorer-8  cross-browser  highcharts 

Arasında herhangi bir fark var mı jQuery('#id').show() and jQuery('#id').css("display","block") ve jQuery('#id').hide() and jQuery('#id').css("display","none")

81 javascript  jquery  css 

Flexbox kullanarak bir DIV'yi başka bir DIV içinde ortalıyorum. Gerektiğinde ekranın ortasında açılan bir iletişim penceresi düşünün. İyi çalışıyor, ancak iletişim kutusunun üstündeki ve altındaki alan tam olarak eşit değilse, kalan alanın% 40'ının iletişim kutusunun üstünde ve% 60'ın altında olması daha iyi görünecektir. İletişim yüksekliği, içindeki metin miktarına göre değiştiği …

23 html  css  flexbox  centering 

Bir süredir bu sorunla mücadele ediyorum. Sorun mobil cihazlarda (Android ve iOS) görülebilir, bazı cihazların biraz yakınlaştırılması gerekebilir. PC'de, mobil moda geçerken bu hatayı Chrome tarayıcıda da yeniden oluşturabilirim. Hatayı yeniden oluşturmak için kullanılan kod aşağıdadır: <!DOCTYPE html> <html lang="en"> <head> <style> .top { height: 100px; background-color: #553213; } .middle …

23 html  css 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css