Pertanyaan yang diberi tag «css»

Katakanlah saya punya HTML ini: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> dan CSS ini: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Hasilnya bisa dilihat di sini: http://jsfiddle.net/YMN7U/1/ Sekarang bayangkan saya …

202 html  css 

Apa cara yang benar untuk membuat teks menjadi miring? Saya telah melihat empat pendekatan berikut: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Ini adalah "cara lama". <i>tidak memiliki makna semantik dan hanya menyampaikan efek presentasi membuat teks menjadi miring. Sejauh yang saya bisa lihat, ini jelas …

202 html  css  semantic-markup 

Apakah ada cara untuk menonaktifkan margin-collapsing sama sekali? Satu-satunya solusi yang saya temukan (dengan nama "uncollapsing") memerlukan menggunakan perbatasan 1px atau padding 1px. Saya menemukan ini tidak dapat diterima: piksel asing mempersulit perhitungan tanpa alasan yang baik. Apakah ada cara yang lebih masuk akal untuk menonaktifkan margin-collapsing ini?

202 css  margin  collapse 

Saya ingin memudar elemen (transisi opacity ke 0) dan kemudian setelah selesai menghapus elemen dari DOM. Di jQuery ini langsung karena Anda dapat menentukan "Hapus" yang akan terjadi setelah animasi selesai. Tetapi jika saya ingin menghidupkan menggunakan transisi CSS3 apakah ada untuk mengetahui kapan transisi / animasi telah selesai?

202 javascript  jquery  css 

Di Firefox 28, saya menggunakan <input type="number">karya hebat karena menampilkan keyboard numerik pada bidang input yang seharusnya hanya berisi angka. Di Firefox 29, menggunakan input angka menampilkan tombol putar di sisi kanan lapangan, yang terlihat seperti omong kosong dalam desain saya. Saya benar-benar tidak memerlukan tombol, karena itu tidak berguna …

202 jquery  css  firefox  input  spinner 

Inilah HTML saya: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Saya ingin membuat nama produk (yaitu 'Product1', 'Product2', dll) tebal, dan kategorinya (yaitu Elektronik, Olahraga, dll) dicetak miring, menggunakan CSS saja. Saya menemukan pertanyaan lama yang menyebutkan bahwa tidak mungkin menggunakan HTML dan CSS, tetapi …

202 html  css  drop-down-menu 

Saya yakin ada solusi sederhana untuk masalah ini. Pada dasarnya, jika saya memiliki dua kolom bagaimana saya bisa menambahkan spasi di antara mereka? mis. jika html adalah: <div class="col-md-6"></div> <div class="col-md-6"></div> Outputnya hanya dua kolom tepat di sebelah satu sama lain mengambil seluruh lebar halaman. Katakanlah lebarnya diatur untuk 1000pxkemudian …

202 html  css  twitter-bootstrap-3  grid-layout 

Bagaimana cara mengubah kursor kursor ke tangan ketika mouse saya masuk <tr>dalam a<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Dapatkah daftar yang dipesan menghasilkan hasil yang terlihat seperti 1.1, 1.2, 1.3 (bukan hanya 1, 2, 3, ...) dengan CSS? Sejauh ini, menggunakan list-style-type:decimalhanya menghasilkan 1, 2, 3, bukan 1.1, 1.2., 1.3.

201 html  css 

Saya mencoba gaya a fieldset elemen dengan display: flexdan display: inline-flex. Namun, itu tidak berhasil: flexberperilaku seperti block, daninline-flex berperilaku seperti inline-block. Ini terjadi pada Firefox dan Chrome, tetapi anehnya itu bekerja pada IE. Apakah ini bug? Saya tidak dapat menemukan bahwa fieldsetseharusnya memiliki perilaku khusus, baik dalam HTML5 maupun …

201 html  css  flexbox 

Saya memiliki wadah div dan telah mendefinisikan gayanya sebagai berikut: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Ini memberi saya bilah gulir horizontal dan vertikal secara otomatis setelah saya mengisi tabel saya yang berisi div ini. Saya hanya ingin bilah gulir horizontal muncul secara otomatis. Saya akan memodifikasi ketinggian …

200 css  html 

Saya tahu saya dapat menetapkan nilai CSS melalui JavaScript seperti: document.getElementById('image_1').style.top = '100px'; Tapi, bisakah saya mendapatkan nilai gaya spesifik saat ini? Saya sudah membaca di mana saya bisa mendapatkan seluruh gaya untuk elemen, tetapi saya tidak ingin harus menguraikan seluruh string jika saya tidak harus.

200 javascript  css 

Jika saya memiliki tag header <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } dan setelah itu saya punya paragraf <p>stuff here</p>. Bagaimana saya bisa memastikan menggunakan CSS bahwa setiap <p>tag yang mengikuti h1.hc-reformuntuk menggunakan:clear:both; apakah itu: h1.hc-reform > p{ clear:both; } untuk beberapa alasan itu tidak berfungsi.

200 html  css  css-selectors  siblings 

Saya memiliki kode berikut: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Apakah mungkin untuk mengubah warna isian lintasan SVG dengan CSS atau cara lain tanpa benar-benar mengubahnya di dalam tag path?

200 css  svg 

Saya memiliki div pembungkus yang terdiri dari 2 div yang bersebelahan. Di atas wadah ini saya memiliki div yang berisi tajuk saya. Pembungkus div harus 100% dikurangi tinggi header. Headernya sekitar 60 px. Ini sudah diperbaiki. Jadi pertanyaan saya adalah: bagaimana cara mengatur tinggi div pembungkus saya menjadi 100% dikurangi …

199 css  height