Pertanyaan yang diberi tag «html»

Bagaimana menerapkan perbatasan inset ke dalam elemen HTML, tetapi hanya di satu sisi saja. Sampai sekarang, saya telah menggunakan gambar untuk melakukan itu (GIF / PNG) yang kemudian akan saya gunakan sebagai latar belakang dan merentangkannya (repeat-x) dan posisikan sedikit dari atas blok saya. Baru-baru ini, saya menemukan properti CSS …

86 html  css 

Dapatkah seseorang mengonfirmasi bahwa tidak mungkin mengubah ketinggian dropdown yang ditampilkan saat Anda mengklik kotak pilih. Atribut ukuran yang dipilih membuatnya terlihat seperti daftar, atribut ketinggian di CSS juga tidak banyak membantu.

86 html  html-select 

Saya memiliki beberapa mockup dalam HTML <a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a> Saya mendapat respon dari server ketika saya mengirim permintaan. Dengan mockup ini saya mendapat tanggapan atas permintaan AJAX yang mengirimkan kode saya ke server. Ya, semuanya baik-baik saja tetapi ketika saya mengklik tautan tersebut, browser ingin membuka …

86 javascript  html  debugging 

Saya menggunakan paket web dengan HtmlWebpackPlugin, html-loaderdan file-loader. Saya memiliki struktur proyek sederhana di mana saya tidak menggunakan kerangka kerja, tetapi hanya naskah. Jadi, saya menulis kode HTML saya langsung ke index.html. Saya juga menggunakan file HTML ini sebagai templat saya di HtmlWebpackPlugin. Karena semua situs web harus saya masukkan …

40 javascript  html  webpack 

Saya memusatkan DIV di dalam DIV lain menggunakan flexbox. Pikirkan jendela dialog yang muncul di tengah layar bila diperlukan. Ini berfungsi dengan baik, namun akan terlihat jauh lebih baik jika ruang di atas dan di bawah dialog tidak persis sama, memiliki 40% dari ruang yang tersisa berada di atas dan …

23 html  css  flexbox  centering 

Saya berjuang dengan masalah ini cukup lama sekarang. Masalahnya dapat dilihat pada perangkat seluler (Android dan iOS), beberapa perangkat mungkin perlu sedikit diperbesar. Di PC, saya juga dapat mereproduksi bug ini di browser Chrome saat beralih ke mode seluler. Di bawah ini adalah kode yang digunakan untuk mereproduksi bug: <!DOCTYPE …

23 html  css 

Kasus : Saya memiliki 2 iframe dan keduanya memiliki banyak divs dan kontrol lainnya sehingga iframe sama seperti ukuran sedang situs web HTML. Saya ingin membandingkan keduanya dan mencari tahu perbedaannya. Saya pikir pilihan yang berbeda di sini: Solusi 1: Ambil tangkapan layar penuh dari 2 iframe dan bandingkan kedua …

21 javascript  python  html  selenium-webdriver  iframe 

Saya ingin mendapatkan posisi teks yang dipilih menggunakan javascript. Sebagai contoh, saya memiliki textarea sederhana. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Di textarea saya, saya punya …

20 javascript  html 

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 

Misalnya, saya punya ini: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan dan ini: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div style="text-indent: …

19 html  css  acid3 

Saya punya daftar, dengan overflow-xdan overflow-ydiatur ke auto. Selain itu, saya telah menyiapkan gulir momentum, sehingga gulir sentuh berfungsi dengan baik di seluler, menggunakan webkit-overflow-scrolling: true. Masalahnya, bagaimanapun, adalah bahwa saya tidak tahu cara menonaktifkan gulir horizontal saat menggulir secara vertikal. Ini mengarah pada pengalaman pengguna yang benar-benar buruk, karena …

17 javascript  html  css  angular  ionic-framework 

Saya mencoba membuat sistem menu dengan gambar dan teks di atas dan di bawah. Data bersifat dinamis. Saya ingin sistem menu muncul sehingga setiap gambar berjarak sama dari satu sama lain sehingga mereka berbaris dalam kisi-kisi gambar baik secara horizontal maupun vertikal. Masalahnya adalah teks. Jika teks lebih panjang dari …

17 html  css  flexbox 

Saya ingin membuat lingkaran bertitik dengan CSS dan membuatnya dengan proses berikut. Meskipun lingkaran putus-putus dapat ditampilkan oleh proses ini, Kesenjangan antara ujung dan awal garis putus-putus menjadi sempit, dan celah itu tidak seragam. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> Jalankan …

16 javascript  html  css 

Saya punya meja dengan angka. Ketika saya mengklik sel di tabel, ini akan mengaktifkan status aktif. Saya ingin memilih satu sel dan tekan crtl dan pilih sel lain, dan sebagai hasilnya sel antara yang pertama dan yang kedua akan menjadi aktif. Bagaimana cara mengimplementasikannya? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> …

16 javascript  html  css 

Saya sangat baru di Angular. Saya punya beberapa pekerjaan di Angular. Saya perlu mengikat daftar dropdown Nested untuk Jsondata yang berasal dari server dengan memanggil Rest Api. Data memiliki satu atribut LgLevel, Menentukan level dalam hierarki grup. Induk akan memiliki level=0, Segera Child=1, Grandchild=2dan sebagainya. Childdan Grandchildmemiliki ParentLocationGroupbidang, yang menunjukkan …

15 html  angular  typescript