«html» etiketlenmiş sorular

Ben aşağıdaki gibi komplo arsa yarattım: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Sonra html'yi şöyle yarattım: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Yukarıdaki kodu çalıştırmak, tarayıcımda görüntüleyebileceğim bir .html dosyası oluşturur. GitHub Sayfalarımdaki bir işaretleme dosyasının ortasında .html dosyasını …

10 python  html  markdown  plotly  github-pages 

Dün benzer bir soru sordum ama kötü bir şekilde açıkladım ve saf-CSS çözümü için arzumu belirtmedim, ki bunun mümkün olması gerektiğini düşünüyorum, bu yüzden tekrar deniyorum. Temelde, kaydırılabilir iletilerin bir div ve altında bir giriş alanı var bir sorun var. Bir düğmeyi tıklattığımda, giriş alanının mesajların da kaydırılmasını gerektirmeden giriş …

10 javascript  html  css  scroll  scrollbar 

Basit bir açılış sayfasından ağır tek sayfalık bir uygulamaya kadar performans artışı sağlamak için böyle bir şey kullanmaya çalışıyorum: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Açılış sayfam bir alt alandayken belirgin bir performans artışı yok gibi görünüyor. Söyle,https://subdomain.example.com . Ben ziyaret …

10 html  link-prefetch 

send-messageMetin kutusunu seçtiğinizde ve sanal klavyeyi açtığınızda, en alttaki mesaj hala görüntülenmekte olan diğer mobil sohbet uygulamalarını taklit etmeye çalışıyorum . Bunu CSS ile inanılmaz bir şekilde yapmanın bir yolu yok gibi görünüyor, bu nedenle JavaScript resize(klavyenin açılıp kapatıldığı zaman öğrenmenin tek yolu) olaylar ve kurtarmaya manuel kaydırma. Birisi bu …

10 javascript  android  html  css  reactjs 

Çoğunlukla mobil cihazlarda kullanılacak tek sayfalık bir web uygulaması üzerinde çalışıyorum. Özelliklerinden biri, tüm tarayıcı penceresini geçici olarak ele alan bir harita modudur; haritanın dört köşesine bir mesafe ölçeği ve bazı kontroller eklenmiştir. İşte haritanın küçük bir ekran görüntüsü, böylece neden bahsettiğimi anlayabilirsiniz: Harita, a <div>ile uygulanır position: fixedve dört …

10 html  css  mobile-safari  fullscreen 

Sayfanın tüm yüksekliğini doldurmak height: 100%;için html ve gövde etiketleri için kullanıyorum ve bir tarayıcı kapatılıp yeniden açılana kadar iyi çalışıyor. (Mobil cihazlardaki sorunlar nedeniyle 100vh kullanmıyorum https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Yeniden oluşturma adımları: İPhone'da Google Chrome'da https://angelika94.github.io/rick/ adresini açın (navigasyonun (Morty ve Beer) sayfanın altına yerleştirildiğini göreceksiniz) css Rick'in ekran …

10 html  css  height  google-chrome-app 

Chrome v78.0.3904.70 sürümünden bu yana,  CSS özelliğiyle kullanımla ilgili sorunlar görüyorum white-space: nowrap;. Kırılmayan alan bir satır kesmesine neden gibi görünüyor. Kullanırken text-overflow: ellipsis, gerçek metin kabın dışında kırıldığı için görüntülenmez. Yalnızca metin görüntülenemeyecek kadar uzunsa görünür. .box-inline { max-width: 120px; overflow: hidden; height: 16px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: …

10 html  css  google-chrome  whitespace 

Kodumun küçük bir parçasını takip ediyorum. Sadece "iphone" hücresi neden sadece iphone titriyor bilmek merak ediyorum. PS. Yapı için tablo veya liste kullanamıyorum. Ben de kullanmayı denedim transform: translate3d(0,0,0);. Temelde iPhone ve iPad'de Sol ve Üst için de yapışkan olmak için ilk hücreye ihtiyacım var. Bunu sadece HTML ve CSS …

10 html  css 

Bir dosyayı dosya iletişim kutusundan seçtikten ve Tamam'ı tıkladıktan sonra yanıt vermeme / sayfa gecikmesini kaldırmak için bu kodu nasıl geliştirebilirim? Yaklaşık 50-100 KB boyutlarındaki dosyaları test ediyorum function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List some properties. var …

9 javascript  html 

Yalnızca HTML ve CSS'de (Javascript yok) görsel olarak dinamik ve etkileşimli bir deneyim yaratmaya kendimi meydan okudum. Şimdiye kadar, saf CSS ve HTML'de yapamayacağım herhangi bir özelliğe rastlamadım. Bu belki biraz daha zor. Ben çift tıklayarak kullanıcıyı engellemek gerekir <a>, <input type="submit">ve <button>etiketleri. Bu, bir formu iki kez göndermelerini veya …

9 html  css 

Airpods Pro sayfalarında Apple ile aynı efekti canlandırdığım bir sarıcı yaptım . Temelde bir video, videoyu oynattığımda biraz oynatıyorum. Videonun konumu sabitlenir, böylece metin güzel bir şekilde kaydırılır. Ancak, metin yalnızca belirli bir bölümün uzaklığı (metin ekranı) arasında görünür. Bu bölüm iyi çalışıyor. Şimdi, kullanıcı videonun sonuna geldiğinde ve böylece …

9 javascript  jquery  html  css 

Bağımlı bir açılır liste içeren bir form var. Bu ikincil açılır menü, seçilen birincil seçeneğin ikincil seçenekleri olmadığında ve sayfa ilk yüklendiğinde gizlenir. Form gönderildiğinde, yalnızca ilk alan temizlenir, çünkü çoğu zaman açılır listeler aynı kalır, çünkü komut dosyası, birincil açılır menüde bir değişiklik olduğunda çalışır; bir değişiklik oluşturmazsa, yalnızca …

9 javascript  python  html  django 

Şu anda sıralanmış sütunun başlığının bir simge görüntülediği bir "sıralanabilir" tablo var: Sıralama simgesi metnin sonunda görüntülenecektir (yani, LTR / RTL'yi destekliyoruz). Şu anda kullanıyorum display:flex. Ancak, tablo genişliği küçülürse ve sütun başlığı metni sarılmaya başlarsa, hangi sütunun sıralandığı net olmayan belirsiz durumlara girerim: Bunun yerine aşağıdaki gereksinimleri karşılamak istiyorum: …

9 html  css  layout  html-table  alignment 

İşaretleyiciyle ilgili bir sorunum var, işaretçinin ilerleme çubuğunda herhangi bir yeri işaretlemek için gerilmesini istiyorum Aşağıda gösterildiği gibi GIF Soru: İlerleme çubuğundaki herhangi bir noktayı seçmek ve işaretçiyi uzatabiliyorum, bu da birden fazla işaret noktası olabilir. Aşağıdaki kod ile nasıl yapacağımı bilmiyorum: var player = videojs('demo'); player.markers({ markerStyle: { 'width':'9px', …

9 javascript  jquery  html  video.js 

Kenar çubuğum / gezinme içeriğimi (Bootstrap kullanarak) varsayılan olarak masaüstünde gösterilecek (genişletilecek) ve mobilde varsayılan olarak kapatılan ve yalnızca mobil cihazlarda gösterilen simgeyi almaya çalışırken gerçek bir sorun yaşıyorum. Bunun işe yaramasını sağlayamıyorum. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa …

9 javascript  html  css  bootstrap-4  responsive-design