Pertanyaan yang diberi tag «css»

Dengan markup berikut, bagaimana saya bisa menggunakan CSS untuk memaksa satu sel (semua sel dalam kolom) agar sesuai dengan lebar konten di dalamnya daripada peregangan (yang merupakan perilaku default)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> <tr> <td class="block">this should stretch</td> <td class="block">this should …

266 html  css  html-table 

Saya punya komponen induk: <parent></parent> Dan saya ingin mengisi grup ini dengan komponen anak: <parent> <child></child> <child></child> <child></child> </parent> Templat induk: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Template anak: <div class="child">Test</div> Karena parentdan childdua komponen yang terpisah, gaya mereka dikunci ke ruang lingkup mereka sendiri. Pada komponen …

266 css  angular  angular-components 

Saya dapat melihat dalam referensi CSS cara mengatur transparansi gambar dan cara mengatur gambar latar belakang . Tetapi bagaimana saya bisa menggabungkan keduanya untuk menetapkan gambar latar belakang transparan? Saya memiliki gambar yang ingin saya gunakan sebagai latar belakang, tetapi terlalu terang - saya ingin menurunkan opacity menjadi sekitar 0,2. …

264 css 

Saya harus membungkus ikon saya di dalam <a>tag untuk beberapa alasan. Apakah ada cara yang mungkin untuk mengubah warna ikon font-mengagumkan menjadi hitam? atau mungkinkah asalkan dibungkus dengan <a>tag? Font yang mengagumkan seharusnya font bukan gambar, kan? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

264 html  css  font-awesome 

Inilah yang saya coba (lihat di sini ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } Pada dasarnya, saya ingin rentang menyusut dengan elipsis ketika jendela dibuat kecil. Apa kesalahan yang telah aku perbuat?

264 html  css 

Saya memiliki tombol tautan di dalam <td>yang harus saya nonaktifkan. Ini berfungsi pada IE tetapi tidak berfungsi di Firefox dan Chrome. Struktur adalah - Tautan di dalam a <td>. Saya tidak bisa menambahkan wadah apa pun di <td>(seperti div / span) Saya mencoba semua yang berikut tetapi tidak berhasil pada …

263 javascript  jquery  html  css 

Saya memiliki paragraf besar teks yang dibagi menjadi beberapa sub-paragraf dengan <br>: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Saya ingin memperlebar jarak antara sub-ayat ini, seperti ada dua <br>atau lebih. Saya tahu bahwa cara yang tepat untuk …

263 html  css 

CSS Tekan Div ke bagian bawah halaman Silahkan lihat di link itu, saya ingin sebaliknya: Ketika konten meluap ke scrollbars, saya ingin footer saya untuk selalu di lengkap bawah halaman, seperti Stack Overflow. Saya memiliki div dengan id="footer"dan CSS ini: #footer { position: absolute; bottom: 30px; width: 100%; } Tapi …

262 css  positioning  css-position  footer 

Saya mencoba menggunakan :beforepemilih untuk menempatkan gambar di atas gambar lain, tetapi saya menemukan bahwa itu tidak berfungsi untuk menempatkan gambar di depan imgelemen, hanya beberapa elemen lainnya. Secara khusus, gaya saya adalah: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } …

262 html  css 

Saya punya proyek yang membutuhkan pencetakan tabel HTML dengan banyak baris. Masalah saya adalah cara tabel dicetak di atas beberapa halaman. Terkadang akan memotong satu baris menjadi dua, sehingga tidak dapat dibaca karena satu setengahnya ada di tepi halaman yang berdarah dan sisanya dicetak di bagian atas halaman berikutnya. Satu-satunya …

261 html  css  printing  html-table 

Saya memiliki tabel tempat saya menampilkan / menyembunyikan kolom penuh oleh jQuery melalui kelas CSS yang tidak ada: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> Dengan DOM ini saya bisa melakukan ini dalam …

260 html  css  w3c-validation  web-standards 

Saya membuat formulir di Bootstrap Twitter tetapi saya mengalami masalah dengan memusatkan tombol di bawah input dalam formulir. Saya sudah mencoba menerapkan center-blockkelas ke tombol tetapi itu tidak berhasil. Bagaimana saya memperbaikinya? Ini kode saya. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn …

260 html  css  twitter-bootstrap  button 

Saya ingin merancang halaman web dengan spanduk dan iframe. Saya harap iframe dapat mengisi semua ketinggian halaman yang tersisa dan diubah ukurannya secara otomatis saat browser mengubah ukuran. Apakah mungkin untuk menyelesaikannya tanpa menulis kode Javascript, hanya dengan CSS? Saya mencoba mengatur height:100%iframe, hasilnya cukup dekat tetapi iframe mencoba untuk …

260 html  css  iframe 

Saya ingin menghapus semua lekukan dari ul. Saya mencoba setting margin, padding, text-indentuntuk 0, tetapi tidak berhasil. Tampaknya menetapkan text-indentke angka negatif dapat membantu - tetapi apakah itu satu-satunya cara untuk menghapus lekukan?

260 html  css 

Saya ingin memiliki daftar "di dalam" dengan daftar bullet atau angka desimal yang rata dengan blok teks superior. Baris kedua dari entri daftar harus memiliki indentasi yang sama seperti baris pertama! Misalnya: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis …

260 html  css  html-lists