«css» etiketlenmiş sorular

Tabloyu resimde gösterildiği gibi sayfaya (A4) sığdırmak için birçok yol denedim: Çok aradım ama web'de yararlı bir şey bulamadım. Dinamik tablo kullanıyorum, tablonun genişliği hariç her şey yolunda. İşte benim kod: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" class="bg-dark text-white">Description</th><th align="center" class="bg-dark text-white">Item Type</th></tr></thead><tbody><tr style="background-color: #f2f2f2;"><td align="center">1</td><td …

11 php  html  css  tcpdf 

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 

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 

Sorun arka plan: Bir sayfada matematik yapmak için katex kullanıyorum. Daha sonra o sayfanın bir kısmının PDF sürümünü oluşturmak istiyorum, bu yüzden tüm CSS'yi satır içine alan ve oluşturucuya ileten dışa aktarılacak parçayı içeren bir HTML belgesi oluşturuyorum. Oluşturucu düğüm kaynaklarına erişemiyor, bu yüzden her şey satır içi. Yazı tipleri …

10 javascript  css  webpack  data-uri 

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 

Satın alma işlemi yapıldığında sipariş ayrıntılarını gönderen bir e-ticaret uygulamamız var ve bu e-posta şablonunu yeniden tasarladık. Son birkaç gün içinde, e-postadaki metnin yarısının eksik olduğu bazı müşterilerin raporlarını aldık. Sonunda bir ekran görüntüsü aldıktan sonra, sorunun karanlık modu kullanan iPhone'larda meydana geldiğini öğrendik. Şimdiye kadar hepsi Mail uygulamasıyla veya …

10 ios  css  email  gmail  ios-darkmode 

Yaparken <meta name="viewport">Etiket standart dışı , "fiili baskınlık nedeniyle çoğu mobil tarayıcı tarafından saygı gösterilir." Bunun gerçek bir web standardı olmamasının bir dezavantajı, ayrıntılı belgeler diğer standartlar kadar mevcut değildir. CSS Çalışma Grubu ben esas yetkili eser olarak kullanıyorum ne nedenle, bunun için bir şartname vardır. Asıl sorum şu: Aşağıdaki …

9 css  viewport  meta-tags  meta 

Birkaç element tutan bir konteyner elemanım var, ancak ekran boyutuna bağlı olarak bunların parçaları çeşitli bölümlerde açıklanamayan kesiliyor. HTML sayfasının genişliği ayarlandığında (tıklayıp sürükleyerek) kod sanal alan bağlantımdaki davranışı gözlemleyebilirsiniz. Yalnızca ana konteyner kenarlığının oluşturulmasını ve alt öğelerin herhangi bir etkisinin olmamasını nasıl sağlayabilirim? https://codesandbox.io/s/focused-tree-ms4f2 import React from "react"; import …

9 javascript  css  reactjs 

Seçilen bir div genişletmek ve diğer divs (kalan genişlik sabit olan ilk biri hariç) eşit olarak uzanan tarafından buna göre davranmasını sağlar bir komut dosyası (burada bir kullanıcı yardımıyla) kodladı. İşte elde etmek istediğim şeyin bir resmi: Bunun için esneklik ve geçişler kullanıyorum. İyi çalışır, ancak jQuery komut dosyası "% …

9 javascript  jquery  css  flexbox  css-transitions 

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 

Aşağıdaki özelliklerle farklı boyutlarda görüntü ve oranlara sahip bir resim galerisi görüntüleme: Görüntüler arasında boşluk (kenar boşluğu) yok. Orijinal orana olabildiğince saygı duymak. Bir bağlantı ile çevrili görüntüler. JS dışı çözüm. Görüntüler biraz kırpılabilir. Taşınabilir çözüm. Görüntülenen görüntü kümesi rastgele. Görüntüler soldan sağa gösterilmelidir (sütun kullanımını önler). Bunu aşağıdaki flexbox …

9 css  flexbox  image-gallery 

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