Pertanyaan yang diberi tag «html»

Masalah ini tampaknya bahwa surat-surat tertentu seperti g, y, q, dll yang memiliki ekor yang lereng bawah, tidak memungkinkan untuk centering vertikal. Berikut ini gambar untuk menunjukkan masalahnya . Karakter dalam kotak hijau pada dasarnya sempurna, karena mereka tidak memiliki ekor ke bawah. Mereka yang berada di kotak merah menunjukkan …

12 javascript  html  css  vertical-alignment 

Saya mencoba banyak cara untuk membuat tabel agar sesuai dengan halaman (A4) seperti yang ditunjukkan pada gambar: Saya mencari banyak tetapi tidak dapat menemukan sesuatu yang berguna di web. Saya menggunakan tabel dinamis, semuanya ok kecuali lebar tabel. ini kode saya: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th …

11 php  html  css  tcpdf 

Saya mendapatkan halaman di frontend saya dengan tombol yang berbeda, semua tombol, dengan sendirinya, berfungsi dengan baik, tetapi jika saya mengklik tombol yang membuka ekstensi di toko web chrome dan mengklik tombol lain setelahnya, halaman tidak terbuka . Ini adalah contoh dari apa yang saya bicarakan. Jika Anda mengklik tombol …

11 javascript  html  google-chrome 

Saya telah membuat plot plotly seperti ini: 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') Lalu saya membuat html seperti itu: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Menjalankan kode di atas menghasilkan file .html yang dapat saya lihat di browser saya. …

10 python  html  markdown  plotly  github-pages 

Saya mencoba meniru aplikasi obrolan seluler lainnya di mana saat Anda memilih send-messagekotak teks dan membuka papan ketik virtual, pesan paling bawah masih terlihat. Sepertinya tidak ada cara untuk melakukan ini dengan CSS secara luar biasa, jadi JavaScript resize(satu-satunya cara untuk mengetahui kapan keyboard dibuka dan ditutup ternyata) acara dan …

10 javascript  android  html  css  reactjs 

Saya telah mencoba menggunakan sesuatu seperti ini untuk mendapatkan peningkatan kinerja saat mengklik dari halaman arahan sederhana ke aplikasi satu halaman kelas berat: <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" /> Tampaknya tidak ada peningkatan kinerja yang terlihat saat halaman arahan saya berada …

10 html  link-prefetch 

Saya mengajukan pertanyaan serupa kemarin tetapi menjelaskannya dengan buruk, dan tidak menentukan keinginan saya untuk solusi murni-CSS, yang saya pikir seharusnya mungkin, jadi saya coba lagi. Pada dasarnya, saya memiliki masalah di mana saya memiliki div pesan yang dapat digulir dan bidang input di bawahnya. Ketika saya mengklik sebuah tombol, …

10 javascript  html  css  scroll  scrollbar 

Saya sedang mengerjakan aplikasi web satu halaman, yang biasanya akan digunakan pada perangkat seluler. Salah satu fiturnya adalah mode peta, yang sementara mengambil alih seluruh jendela browser; skala jarak dan beberapa kontrol terpasang pada empat sudut peta. Berikut adalah screenshot kecil dari peta sehingga Anda dapat mengetahui apa yang saya …

10 html  css  mobile-safari  fullscreen 

Untuk mengisi seluruh ketinggian halaman, saya menggunakan height: 100%;html dan tag tubuh, dan berfungsi baik sampai browser ditutup dan dibuka kembali. (Saya tidak menggunakan 100vh karena masalah pada perangkat seluler https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Langkah-langkah mereproduksi: Buka https://angelika94.github.io/rick/ di Google Chrome di iPhone (Anda akan melihat bahwa navigasi (Morty and Beer) …

10 html  css  height  google-chrome-app 

Sejak rilis Chrome v78.0.3904.70, saya melihat masalah dengan menggunakan  properti CSS white-space: nowrap;. Ruang tanpa putus tampaknya menyebabkan jeda baris. Saat menggunakan text-overflow: ellipsis, teks yang sebenarnya tidak akan ditampilkan karena rusak di luar wadah. Tampaknya hanya terjadi jika teks terlalu panjang untuk ditampilkan. .box-inline { max-width: 120px; overflow: hidden; …

10 html  css  google-chrome  whitespace 

Mengikuti sedikit kode saya. Hanya ingin tahu mengapa sel "iPhone" berkedip hanya dari iPhone. PS. Saya tidak bisa menggunakan tabel atau daftar untuk struktur. Saya juga mencoba menggunakan transform: translate3d(0,0,0);. Pada dasarnya saya membutuhkan sel pertama untuk menjadi lengket baik untuk Kiri dan Atas pada iPhone dan iPad juga. Saya …

10 html  css 

Bagaimana saya dapat meningkatkan kode ini untuk menghapus ketidaktanggapan / kelambatan halaman setelah memilih file dari dialog file dan mengklik OK? Saya sudah menguji file dengan ukuran sekitar 50-100 KB function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List some …

9 javascript  html 

Saya telah menantang diri saya untuk menciptakan pengalaman visual yang dinamis dan interaktif hanya dalam HTML dan CSS (Tanpa Javascript). Sejauh ini, saya belum menemukan fitur apa pun yang saya butuhkan yang tidak dapat saya lakukan dalam CSS dan HTML murni. Yang ini mungkin sedikit lebih sulit. Saya perlu mencegah …

9 html  css 

Saya telah membuat pembungkus di mana saya menghidupkan efek yang sama seperti Apple pada halaman Airpods mereka . Ini pada dasarnya video, ketika saya gulir, video diputar sedikit demi sedikit. Posisi video sudah diperbaiki sehingga teks dapat menggulir ke sana. Namun, teks hanya terlihat ketika antara offset divisi tertentu (tampilan …

9 javascript  jquery  html  css 

Saya memiliki formulir dengan drop-down dependen. Drop-down sekunder ini disembunyikan setiap kali opsi utama yang dipilih tidak memiliki opsi sekunder, dan saat halaman dimuat pertama kali. Setiap kali formulir dikirimkan, hanya bidang pertama yang dihapus, karena sebagian besar waktu drop-down tetap sama, namun, karena skrip bekerja setiap kali ada perubahan …

9 javascript  python  html  django