Pertanyaan yang diberi tag «css»

Apa cara terbaik untuk menyisipkan gambar kecil setelah setiap elemen daftar? Saya mencobanya dengan kelas semu tetapi ada sesuatu yang tidak beres ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Terima kasih atas bantuannya!

144 css 

Saya telah membuat korsel dengan tombol sebelumnya dan selanjutnya yang selalu terlihat. Tombol-tombol ini memiliki status hover, berubah menjadi biru. Pada perangkat sentuh, seperti iPad, status hover lengket, sehingga tombol tetap biru setelah mengetuknya. Saya tidak menginginkan itu. Saya dapat menambahkan no-hoverkelas ontouchenduntuk setiap tombol, dan membuat CSS saya seperti …

144 javascript  css  hover  touch 

Saya melakukan pra-kompilasi aset, dan menjalankan aplikasi dalam mode produksi. Setelah kompilasi ketika saya memuat halaman indeks saya, saya mendapat peringatan berikut di konsol chrome: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version …

144 css  asset-pipeline  ruby-on-rails-4.1  custom-font 

Saya menggunakan CSS untuk menunjukkan teks pemicu untuk bagian slide-down jQuery: yaitu ketika Anda mengarahkan kursor ke teks pemicu kursor berubah menjadi pointer dan opacity dari teks pemicu dikurangi untuk menunjukkan bahwa teks memiliki aksi klik . Ini berfungsi baik di Firefox dan Chrome, tetapi di IE8 opacity tidak berubah. …

143 css  internet-explorer-8  opacity 

Seperti yang ada saat ini, pertanyaan ini tidak cocok untuk format Tanya Jawab kami. Kami berharap jawaban didukung oleh fakta, referensi, atau keahlian, tetapi pertanyaan ini kemungkinan akan mengundang debat, argumen, polling, atau diskusi panjang. Jika Anda merasa bahwa pertanyaan ini dapat diperbaiki dan mungkin dibuka kembali, kunjungi pusat bantuan …

143 css  firebug 

Lembar gaya agen-pengguna untuk Chrome memberikan radius batas 5px ke semua sudut <select>elemen. Saya sudah mencoba menyingkirkan ini dengan menerapkan radius 0px melalui stylesheet eksternal saya, juga sebaris pada elemen itu sendiri; Saya sudah mencoba keduanya border-radius:0pxdan -webkit-border-radius:0px;dan saya sudah mencoba yang lebih spesifik border-top-left-radius:0px(bersama dengan itu -webkit setara). Tidak …

143 select  webkit  css 

Saat menambahkan divs ke a divdengan ketinggian tetap, div turunan akan muncul dari atas ke bawah, menempel di batas atas. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Saya sekarang mencoba menampilkannya dari bawah ke atas seperti ini (menempel di …

143 html  css  scrollbar  vertical-alignment  alignment 

Cara menyorot / memilih konten tag DIV ketika pengguna mengklik DIV ... idenya adalah semua teks disorot / dipilih sehingga pengguna tidak perlu menyorot teks secara manual dengan mouse dan berpotensi melewatkan sedikit teks? Misalnya, kita punya DIV seperti di bawah ini: <div id="selectable">http://example.com/page.htm</div> ... dan ketika pengguna mengklik salah …

143 javascript  css 

Inilah yang saya coba capai dalam HTML / CSS: Saya memiliki gambar dengan tinggi dan lebar berbeda, tetapi semuanya di bawah 180x235. Jadi yang ingin saya lakukan adalah membuat divdengan borderdan vertical-align: middlesemuanya. Saya telah berhasil melakukannya tetapi sekarang saya terjebak pada cara membuat tautan href dengan benar secara keseluruhan …

143 html  css 

Apa cara yang tepat bootstrapuntuk mengapung div ke kanan? Saya pikir pull-rightitu cara yang disarankan, tetapi tidak berhasil. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan

142 html  css  twitter-bootstrap 

Saya telah mencari pertanyaan lain dan, sementara masalah ini tampaknya mirip dengan beberapa orang lain, tidak ada yang saya lihat sejauh ini untuk mengatasi masalah yang saya alami. Saya memiliki div yang berisi sejumlah div lainnya, yang masing-masing melayang ke kiri. Div ini masing-masing berisi foto dan keterangan. Yang saya …

142 html  center  css 

Sebuah scriptelemen yang mendapat bergaya sebagai display:blockmuncul terlihat. Mengapa itu mungkin dan apakah ada kasus penggunaan nyata yang diinginkan? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan

142 html  css  script-tag 

Saya punya gambar di tautan ini: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Seperti yang Anda lihat, ini adalah gambar normal dengan orientasi yang benar. Namun, ketika saya mengatur tautan ini ke atribut src dari tag gambar saya, gambar menjadi terbalik. http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Apakah Anda tahu apa yang sedang …

142 html  css  image 

Saya mencoba untuk mendapatkan beberapa komponen inlinedan inline-blockdisejajarkan secara vertikal dalam a div. Bagaimana bisa spandalam contoh ini bersikeras ditekan? Saya sudah mencoba keduanya vertical-align:middle;danvertical-align:top; , tetapi tidak ada perubahan. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; …

142 html  css  vertical-alignment 

Saya memiliki CSS yang mengubah pemformatan saat Anda mengarahkan kursor ke suatu elemen. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } Dalam beberapa kasus saya tidak ingin menerapkan CSS di hover. Salah satu caranya adalah dengan hanya menghapus kelas CSS dari div menggunakan jQuery tapi …

142 html  css