Pertanyaan yang diberi tag «css»

Di angularjs Anda memiliki tag ng-src yang bertujuan agar Anda tidak akan menerima kesalahan untuk url yang tidak valid sebelum angularjs mengevaluasi variabel yang ditempatkan di antara {{dan }}. Masalahnya adalah bahwa saya menggunakan beberapa DIV dengan background-imageset ke url. Saya melakukan ini karena properti CSS3 yang sangat baik yang …

150 css  angularjs 

Saat ini saya menggunakan readonly = "readonly" untuk menonaktifkan bidang. Saya sekarang mencoba gaya atribut menggunakan CSS. Saya sudah mencoba menggunakan input[readonly] { /*styling info here*/ } tetapi tidak bekerja karena suatu alasan. Saya juga sudah mencoba input[readonly='readonly'] { /*styling info here*/ } itu juga tidak berhasil. Bagaimana saya bisa …

150 html  css  css-selectors 

Saya sebenarnya memiliki dua masalah, tetapi mari kita selesaikan masalah utama terlebih dahulu karena saya percaya yang lain lebih mudah diatasi. Saya memiliki posisi div tetap di sebelah kiri gulir untuk menu. Sisi kanan adalah div standar yang menggulir dengan benar. Masalahnya adalah ketika browser view-port terlalu kecil untuk melihat …

150 javascript  css  scroll  overflow  css-position 

Saya memiliki daftar jenis kelamin tertentu. Kode: <select> <option>male</option> <option>female</option> <option>others</option> </select> Saya ingin menggunakan gambar dalam daftar drop-down sebagai drop-down-icon.jpeg. Saya ingin menambahkan tombol di tempat ikon drop down. Bagaimana cara melakukannya?

150 html  css 

Pertimbangkan contoh berikut: ( demo langsung di sini ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> Jalankan cuplikan kodeHide resultsLuaskan cuplikan Outputnya adalah …

150 html  css  ellipsis 

Saya ingin merancang yang berikut ini: forms.py: from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html: <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> Misalnya, bagaimana cara menetapkan kelas atau ID untuk subject, email, messageuntuk memberikan style sheet eksternal …

150 css  django  django-forms 

Ini adalah kesalahan yang saya dapatkan di Chrome dan sayangnya mencarinya belum memberi saya banyak hasil. Font itu sendiri muncul dengan benar. Namun saya masih mendapatkan kesalahan / peringatan ini. Lebih khusus, ini adalah peringatan penuh: "Gagal mendekodekan font yang diunduh: http: // localhost: 8000 / app / fonts / …

149 css  html  fonts 

Saya benar-benar ingin membuat sepotong teks berkedip gaya old-school tanpa menggunakan javascript atau dekorasi teks. Tidak ada transisi, hanya * kedip *, * kedip *, * kedip *! EDIT : Ini berbeda dari pertanyaan itu karena saya meminta berkedip tanpa transisi terus-menerus, sedangkan OP dari pertanyaan lain bertanya bagaimana cara …

149 html  css  css-animations  blink 

Saya menggunakan elemen kanvas html5 untuk mengubah ukuran gambar di browser saya. Ternyata kualitasnya sangat rendah. Saya menemukan ini: Nonaktifkan Interpolasi saat Melakukan Penskalaan <kanvas> tetapi tidak membantu meningkatkan kualitas. Di bawah ini adalah kode css dan js saya serta gambar yang dipindai dengan Photoshop dan diskalakan di kanvas API. …

149 javascript  css  html  canvas  html5-canvas 

CodePen: http://codepen.io/anon/pen/RPNpaP . Saya ingin kotak merah lebarnya hanya 25 em ketika berada di tampilan berdampingan - Saya mencoba untuk mencapai ini dengan menetapkan CSS di dalam kueri media ini: @media all and (min-width: 811px) {...} untuk: .flexbox .red { width: 25em; } Tetapi ketika saya melakukan itu, ini terjadi: …

149 html  css  flexbox 

Yang saya inginkan adalah latar belakang hijau berada tepat di belakang teks, tidak 100% dari lebar halaman. Ini kode saya saat ini: h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan

149 html  css 

Saya baru saja belajar tentang unit CSS baru dan tidak umum. vhdan vwmengukur masing-masing persentase tinggi dan lebar viewport. Saya melihat pertanyaan ini dari Stack Overflow, tetapi itu membuat unit terlihat lebih mirip. Bagaimana cara kerja unit vw dan vh Jawabannya secara spesifik mengatakan vw dan vh adalah persentase dari …

149 css  viewport-units 

Saya perlu memusatkan menyelaraskan menu horizontal. Saya sudah mencoba berbagai solusi, termasuk campuran inline-block/ block/ center-aligndll., Tetapi belum berhasil. Ini kode saya: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!-- Top …

148 css  xhtml  menuitem 

Sejak beralih dari TABLE-layout ke DIV-layout, satu masalah umum tetap: MASALAH : Anda mengisi DIV Anda dengan teks dinamis dan mau tidak mau ada kata yang sangat panjang yang meluas ke tepi kolom div Anda dan membuat situs Anda terlihat tidak profesional. RETRO-WHINING : Ini tidak pernah terjadi dengan tata …

148 css  layout  html 

Saya memiliki sejumlah elemen sel tabel di dalam wadah tabel. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Apakah ada cara CSS murni untuk mendapatkan sel tabel untuk menjadi sama lebar bahkan jika mereka memiliki ukuran konten yang berbeda di dalamnya? Terima kasih. Sunting: Memiliki max-width akan memerlukan mengetahui berapa banyak …

148 html  css  html-table