Pertanyaan yang diberi tag «css»

Saya perlu membuat kode berikut merenggang dengan ketinggian yang telah ditentukan <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Tetapi karena span adalah elemen inline, properti "height" tidak akan berfungsi. Saya mencoba menggunakan div sebagai gantinya, tetapi itu akan meluas hingga lebar elemen …

88 css  height  html 

Saya memerlukan notifikasi gaya facebook, tetapi mendapatkan sesuatu yang terlihat bagus lintas browser tampaknya sulit. Misalnya, browser yang berbeda tampaknya memperlakukan paddings secara berbeda, menghasilkan pemberitahuan yang tampak aneh. Apa cara lintas-browser terbaik untuk memastikan pemberitahuan muncul dengan baik? Tidak merugikan menggunakan javascript, tetapi css murni tentu saja lebih disukai

88 javascript  html  css  user-interface  user-experience 

Kode ada di sini: http://lasers.org.ru/vs/example.html Bagaimana cara menghapus ruang kosong di bawah blok utama (#halaman)?

88 css 

Saya menggunakan penghitung dan cakupan bersarang untuk membuat daftar berurutan: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> …

88 html  css  html-lists 

Saya menggunakan bootstrap twitter, dan memiliki baris yang memiliki dua kolom (span6). Bagaimana cara membuat pembatas vertikal antara kedua bentang. Terima kasih, Murtaza

88 html  css  twitter-bootstrap 

Saya memiliki kelas item dan kelas "pengubah" yang ringkas: .item { ... } .item.compact { /* styles to make .item smaller */ } Ini bagus. Namun, saya ingin menambahkan @mediakueri yang memaksa .itemkelas menjadi ringkas saat layarnya cukup kecil. Pada pemikiran pertama, inilah yang saya coba lakukan: .item { ... …

88 css  sass  media-queries 

Saya telah melihat notasi ini banyak digunakan, dan saya bertanya-tanya, apakah ada perbedaan mencolok antara kedua notasi ini? element#id { property: 0; } dan element#id { property: 0px; } Saya menggunakan property: 0px;sepanjang waktu, karena menurut saya tampilannya lebih bersih, tetapi saya tidak begitu yakin apakah penafsiran browser 0pxberbeda dari …

88 css  properties  zero 

Saya sedang mengembangkan situs web berdasarkan kode sumber Wordpress melalui XAMPP. Kadang-kadang saya mengubah kode CSS, skrip atau yang lainnya dan saya perhatikan browser saya membutuhkan waktu untuk menerapkan modifikasi. Ini membuat saya menggunakan beberapa browser untuk menyegarkan satu dan jika tidak menerapkan gaya baru, saya mencoba yang kedua dan …

88 javascript  css  browser  xampp 

Saya memiliki masalah dengan tombol drop-down di dalam tabel saat responsif dan scroll aktif karena drop-down tidak terlihat karena overflow: auto;properti. Bagaimana cara memperbaikinya untuk menampilkan opsi drop-down tombol saat ini diciutkan? Saya dapat menggunakan beberapa jQuery tetapi setelah saya memiliki masalah dengan scroll ke kiri-kanan jadi saya memutuskan untuk …

88 javascript  jquery  css  twitter-bootstrap  overflow 

Saya mengalami masalah dengan tinggi garis yang tidak bisa saya pahami. Kode berikut akan memusatkan gambar di dalam div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> Namun, jika saya …

87 css 

Saya menggunakan bootstrap twitter untuk membuat tab yang dapat diubah. Ini css yang saya gunakan: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Html ini menampilkan tab dengan benar, tetapi ditarik ke kiri (yang seharusnya terjadi). Saya telah mencoba …

87 html  css  twitter-bootstrap 

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Kode di atas mencoba menempatkan div # kiri …

87 html  css 

Saya khawatir tentang background-position-xdan background-position-y. Gecko (Firefox) dan Presto (Opera) tidak mendukung mereka, tetapi Webkit (Chrome, Safari) mendukung ... Adakah yang tahu (dengan referensi resmi) jika ini (atau akan) termasuk dalam standar?

87 css  background-position 

Saat ini saya mencoba membuat efek zoom saat mengarahkan kursor ke salah satu dari empat gambar saya. Masalahnya adalah sebagian besar contoh biasanya menggunakan tabel atau mask div untuk menerapkan semacam efek. Inilah salah satu contoh yang mengimplementasikan apa yang saya suka ini . Ini adalah kode saya sejauh ini. …

87 html  class  css 

Saya membuat aplikasi web kuis menggunakan PHP. Setiap pertanyaan terdiri dari pertanyaan yang terpisah <label>dan memiliki 4 kemungkinan pilihan, yang digunakan radio buttonsuntuk memungkinkan pengguna memilih jawabannya. HTML saat ini untuk satu pertanyaan terlihat seperti: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" …

87 html  css  forms  input  radio-button