Pertanyaan yang diberi tag «css»

Apakah ada cara untuk menjalankan: sass --watch a.scss:a.css tapi sudah a.css akhirnya diperkecil? Bagaimana saya menghindari menjalankan langkah minifikasi terpisah saat saya menyusun stylesheet saya?

235 css  sass  minify 

Katakanlah saya membuat elemen HTML seperti ini, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Bagaimana saya bisa menampilkan dan menyembunyikan elemen HTML itu dari jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Hasil: (dengan semua ini). Saya ingin elemen-elemen di atas disembunyikan. Apa cara paling sederhana …

235 javascript  jquery  html  css  twitter-bootstrap 

Saya ingin memiliki menu vertikal dengan ketinggian tertentu. Setiap anak harus mengisi ketinggian induk dan memiliki teks garis tengah. Jumlah anak-anak adalah acak, jadi saya harus bekerja dengan nilai-nilai dinamis. Div .containerberisi jumlah acak anak-anak ( .item) yang selalu harus mengisi ketinggian orangtua. Untuk mencapai itu saya menggunakan flexbox. Untuk …

235 css  google-chrome  webkit  flexbox 

Saya perlu memodifikasi bootstrap.cssagar sesuai dengan situs web saya. Saya merasa lebih baik untuk membuat custom.cssfile terpisah daripada memodifikasi bootstrap.csssecara langsung, salah satu alasannya adalah bahwa harus bootstrap.cssmendapatkan pembaruan, saya akan menderita mencoba memasukkan kembali semua modifikasi saya. Saya akan mengorbankan beberapa waktu muat untuk gaya ini, tetapi diabaikan untuk …

234 html  css  twitter-bootstrap 

Saya punya ini adan saya tidak tahu bahwa saya perlu memasukkan ke dalam "onmouseover" sehingga kursor akan berubah menjadi penunjuk jari seperti tautan biasa: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Saya membaca suatu tempat yang harus saya letakkan: onmouseover="cursor: hand (a pointing hand)" Tapi itu tidak berhasil untukku. Ditambah lagi, …

234 html  css  mouseevent 

Pertimbangkan contoh berikut: ( demo langsung ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Hasil: Mengapa iframetidak terpusat seperti itu div? Bagaimana saya bisa menyelaraskannya secara terpusat?

234 html  css  iframe  alignment  center-align 

Saya perlu mensimulasikan kertas A4 di web dan memungkinkan untuk mencetak halaman ini seperti yang ditampilkan di browser (Chrome, khususnya). Saya mengatur ukuran elemen ke 21cm x 29.7cm, tetapi ketika saya mengirim untuk mencetak (atau mencetak pratinjau) itu klip halaman saya. Lihat contoh langsung ini ! body { margin: 0; …

233 css  printing  print-preview 

Saya memiliki aplikasi MVC3 yang memiliki halaman detail. Sebagai bagian dari itu saya memiliki deskripsi (diambil dari db) yang memiliki spasi dan baris baru. Ketika itu diberikan baris dan spasi baru diabaikan oleh html. Saya ingin menyandikan spasi dan baris baru tersebut agar tidak diabaikan. Bagaimana kamu melakukannya? Saya mencoba …

233 html  css  newline  whitespace  line-breaks 

Saya ingin menerapkan gaya hanya ke tabel di dalam DIV dengan kelas tertentu: Catatan: Saya lebih suka menggunakan pemilih-css untuk elemen anak-anak. Mengapa # 1 berfungsi dan # 2 tidak? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} …

232 css  css-selectors 

<input name="txtId" type="text" size="20" /> atau <input name="txtId" type="text" style="width: 150px;" /> Manakah kode lintas-browser yang optimal? Tentu saja itu tergantung pada persyaratan, tapi saya ingin tahu bagaimana orang memutuskan dan atas dasar apa.

231 html  css 

Apakah ada teknik CSS / JavaScript lintas-browser untuk menampilkan tabel HTML yang panjang sehingga tajuk kolom tetap terpasang di layar dan tidak menggulir dengan badan tabel. Pikirkan efek "panel beku" di Microsoft Excel. Saya ingin dapat menggulir isi tabel, tetapi untuk selalu dapat melihat tajuk kolom di bagian atas.

231 javascript  css  html-table 

Katakanlah saya memiliki tombol bootstrap dengan ikon font-mengagumkan dan beberapa teks: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Bagaimana cara membuat teks tampak terpusat vertikal? Teks disejajarkan dengan tepi bawah ikon sekarang: http://jsfiddle.net/V7DLm/1/ EDIT: Saya punya solusi yang memungkinkan : http://jsfiddle.net/CLdeG/1/ tapi rasanya agak hacky - memperkenalkan tag p …

231 html  css  font-awesome 

Apakah ada cara untuk menjatuhkan bayangan hanya di bagian bawah? Saya memiliki menu dengan 2 gambar di sebelah satu sama lain. Saya tidak ingin bayangan yang tepat karena tumpang tindih dengan gambar yang tepat. Saya tidak suka menggunakan gambar untuk ini, jadi apakah ada cara untuk menjatuhkannya hanya di bagian …

230 css 

Saya ingin menempatkan dua <div>s di samping satu sama lain. Kanan <div>adalah tentang 200px; dan kiri <div>harus mengisi sisa lebar layar? Bagaimana saya bisa melakukan ini?

230 html  css 

Apakah mungkin menggunakan pemilih CSS3 :first-of-typeuntuk memilih elemen pertama dengan nama kelas yang diberikan? Saya belum berhasil dengan tes saya jadi saya pikir tidak? Kode ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should …

230 css  css-selectors