Pertanyaan yang diberi tag «css»

position: sticky berfungsi di beberapa browser seluler sekarang, jadi Anda dapat membuat bilah menu menggulir dengan laman tetapi kemudian tetap berada di bagian atas area pandang setiap kali pengguna menggulir melewatinya. Tetapi bagaimana jika Anda ingin sedikit mengubah gaya bilah menu lengket Anda setiap kali saat ini 'menempel'? misalnya, Anda …

110 css  css-selectors  css-position 

Saya telah membuat navbar yang dapat dilipat ini menggunakan Bootstrap 4 yang berfungsi dengan baik, tetapi saya ingin menutupnya saat pengguna mengklik tautan. Ada cara untuk melakukan ini? Terima kasih html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span …

110 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Saya menyimpulkan bahwa ini tidak mungkin dicapai dengan menggunakan Flexbox, karena setiap baris hanya dapat menjadi ketinggian minimal yang diperlukan untuk menyesuaikan elemennya, tetapi dapatkah ini dicapai dengan menggunakan CSS Grid yang lebih baru? Agar jelas, saya ingin ketinggian yang sama untuk semua elemen dalam kisi di semua baris, tidak …

110 css  flexbox  grid-layout  css-grid 

Pada dasarnya saya memiliki dua css eksternal di halaman saya. Yang pertama Main.cssberisi semua aturan gaya tetapi saya tidak memiliki akses ke sana, dan karenanya saya tidak dapat memodifikasinya. Saya memiliki akses ke file kedua Template.css, jadi saya perlu mengganti Main.cssnilai di template.css. Ini mudah dan saya harus mengubah nilainya, …

109 css 

Saya perlu menambahkan fitur desain responsif ke aplikasi web saya menggunakan Twitter Bootstrap. Saya hanya ingin perilaku responsif, saya tidak tertarik dengan tipografi, komponen, atau hal lain yang termasuk dalam Bootstrap. Saya mendapat versi Bootstrap yang disesuaikan hanya dengan memilih sistem grid. Namun, ketika saya menambahkan CSS yang dihasilkan ke …

109 html  css  twitter-bootstrap  responsive-design 

Saya baru saja mengalami masalah yang sangat aneh yang hanya muncul di Safari 10. Saya memiliki kartu remi, gambar svg, yang terkadang diputar menggunakan transform:rotate(xdeg). Kartu yang saya gunakan memiliki pola blok merah. Jika tidak diputar, atau diputar pada sudut siku-siku, yaitu 90, 180, 270, maka terlihat normal. Tapi, sudut …

109 html  css  svg  safari 

Di Webkit di iPhone / iPad / iPod, menentukan gaya untuk: pseudo-class aktif untuk <a>tag tidak terpicu saat Anda mengetuk elemen tersebut. Bagaimana saya bisa memicunya? Kode contoh: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

Saya memiliki event handler berikut untuk elemen html saya jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Saya perlu menemukan posisi mouse di # seek-bar saat mengklik. Saya akan berpikir kode di atas harus berfungsi, tetapi memberikan hasil yang salah

109 javascript  jquery  html  css  jquery-ui 

Pada formulir, saya memiliki satu pilih dan dua bidang masukan. Elemen-elemen ini disejajarkan secara vertikal. Sayangnya, saya tidak bisa mendapatkan lebar yang sama dari elemen-elemen ini. Ini kode saya: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> Untuk contoh di atas, lebar terbaik untuk …

109 html  css  html-select  border-box 

Menurut dokumentasi bootstrap twitter , saya harus bisa "Membungkus string teks dalam <p>tag untuk memimpin dan warna yang tepat." Ketika saya melakukan ini, di level mana pun di bawahnavbar bawahnya tidak mewarisi navbarkelas apa pun . Membungkus string dalam <a>tag akan membuatnya tetapi tidak boleh menjadi jangkar. String yang saya …

109 html  css  twitter-bootstrap 

Saya ingin bersarang spandan amenandai. Haruskah saya Taruh <span>di dalam<a> Taruh <a>di dalam<span> Tidak masalah?

109 html  css  semantic-markup 

Katakanlah saya memiliki teks ini yang ingin saya tampilkan dalam sel tabel HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks dan saya ingin baris tersebut putus secara istimewa setelah salah …

109 html  css  word-wrap 

Untuk proyek saya (lihat BigPictu.re atau bigpicture.js proyek GitHub ), saya harus berurusan dengan potensi yang sangat, sangat, sangat besar <div>kontainer. Saya tahu ada risiko kinerja yang buruk dengan pendekatan sederhana yang saya gunakan, tetapi saya tidak berharap sebagian besar terjadi dengan ... Chrome saja! Jika Anda menguji halaman kecil …

109 javascript  html  css  google-chrome 

Saya memiliki kode berikut: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> Cukup mudah. Bagaimana cara …

109 html  css 

Saya sedang mengerjakan aplikasi web yang saya coba implementasikan dengan sistem windowing berfitur lengkap. Saat ini berjalan sangat baik, saya hanya mengalami satu masalah kecil. Kadang-kadang ketika saya menyeret bagian dari aplikasi saya (paling sering div sudut jendela saya, yang seharusnya memicu operasi pengubahan ukuran) browser web menjadi pintar dan …

109 javascript  jquery  css  webbrowser-control