Pemrograman css

17

$ (window) .width () tidak sama dengan kueri media

Saya menggunakan Bootstrap Twitter pada sebuah proyek. Serta gaya bootstrap default saya juga menambahkan beberapa dari saya sendiri //My styles @media (max-width: 767px) { //CSS here } Saya juga menggunakan jQuery untuk mengubah urutan elemen tertentu pada halaman ketika lebar viewport kurang dari 767px. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() …

186 jquery css twitter-bootstrap media-queries

8

Cara melompat ke atas halaman browser

Saya sedang menulis popup modal dan saya perlu browser untuk melompat ke atas layar ketika tombol modal terbuka ditekan. Apakah ada cara untuk menggulir browser ke atas menggunakan jQuery?

186 javascript jquery css modal-dialog

4

Tombol Bootstrap Twitter Teks Bungkus Kata

Untuk kehidupan saya, saya tidak bisa mendapatkan tombol bootstrap twitter ini untuk membungkus teks ke beberapa baris, mereka muncul seperti itu. Saya tidak dapat memposting gambar, jadi ini yang dilakukannya ... [Ini teks teks] Saya ingin terlihat seperti [Ini adalah ] [tombol teks] <div class="col-lg-3">  <div …

186 html css twitter-bootstrap web

7

Bagaimana cara membuat elemen inline-blok mengisi sisa garis?

Apakah hal seperti itu mungkin menggunakan CSS dan dua tag DIV inline-block (atau apa pun) alih-alih menggunakan tabel? Versi tabelnya adalah ini (batas ditambahkan sehingga Anda dapat melihatnya): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td style="border:1px solid …

186 css layout fixed-width

6

Posisikan elemen secara relatif tanpa mengambil ruang dalam aliran dokumen

Bagaimana saya bisa memposisikan sebuah elemen secara relatif, dan membuatnya tidak menghabiskan ruang dalam aliran dokumen?

186 html css positioning css-position

7

Arahkan dan Aktif hanya ketika tidak dinonaktifkan

Saya menggunakan kursor , aktif dan dinonaktifkan untuk Buttons gaya. Tetapi masalahnya adalah ketika tombol dinonaktifkan, hover dan gaya aktif masih berlaku. Bagaimana menerapkan melayang dan hanya aktif pada tombol yang diaktifkan?

186 css

5

Bagaimana cara membuat item flexbox dengan ukuran yang sama?

Saya ingin menggunakan flexbox yang memiliki beberapa item dengan lebar yang sama. Saya perhatikan bahwa flexbox mendistribusikan ruang sekitar secara merata, bukan ruang itu sendiri. Sebagai contoh: .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } <div class="header"> <div class="item">asdfasdfasdfasdfasdfasdf</div> <div class="item">z</div> </div> …

186 css flexbox

18

Bagaimana cara membungkus teks dalam HTML?

Bagaimana teks seperti aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaayang melebihi lebar div(katakanlah 200px) dapat dibungkus? Saya terbuka untuk segala jenis solusi seperti CSS, jQuery, dll.

185 html css word-wrap

16

Hapus ikon di dalam teks input

Apakah ada cara cepat untuk membuat elemen teks input dengan ikon di sebelah kanan untuk menghapus elemen input itu sendiri (seperti kotak pencarian google)? Saya melihat sekeliling tetapi saya hanya menemukan cara menempatkan ikon sebagai latar belakang elemen input. Apakah ada plugin jQuery atau yang lainnya? Saya ingin ikon di …

185 javascript jquery html css

12

Bagaimana cara mengubah gambar tombol input menggunakan CSS?

Jadi, saya bisa membuat tombol input dengan menggunakan gambar <INPUT type="image" src="/images/Btn.PNG" value=""> Tapi, saya tidak bisa mendapatkan perilaku yang sama menggunakan CSS. Misalnya, saya sudah mencoba <INPUT type="image" class="myButton" value=""> di mana "myButton" didefinisikan dalam file CSS sebagai .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; …

184 css input-button-image

12

Terapkan gaya SAJA di IE

Inilah blok CSS saya: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Saya hanya ingin IE 7, 8, dan 9 untuk "melihat" width: 100% Apa cara paling sederhana untuk mencapai …

184 css internet-explorer

8

Bagaimana saya bisa mengirim bagian dalam <div> ke bagian bawah induknya <div>?

Div di dalam gambar div lain dan kode di bawah ini. Karena akan ada teks dan gambar div induk. Dan red div akan menjadi elemen terakhir dari parent parent. <div style="width: 200px; height: 150px; border: 1px solid black;"> <div style="width: 100%; height: 50px; border: 1px solid red;"> </div> </div>

184 css html

6

Bagaimana saya bisa mencegah konten overlay scrollbar di IE10?

Di IE10, bilah gulir tidak selalu ada di sana ... dan ketika muncul itu muncul sebagai hamparan ... Ini adalah fitur yang keren tapi saya ingin mematikannya untuk situs web spesifik saya karena ini adalah aplikasi layar penuh dan aplikasi saya logo dan menu hilang di belakangnya. IE10: CHROME: Adakah …

183 html css scrollbar internet-explorer-11 internet-explorer-10

14

Cara yang lebih mudah untuk membuat lingkaran div daripada menggunakan gambar?

Saya bertanya-tanya apakah ada cara yang lebih mudah untuk membuat div lingkaran daripada apa yang saya lakukan sekarang. Saat ini, saya hanya membuat gambar untuk setiap ukuran yang berbeda, tetapi itu menjengkelkan untuk melakukan ini. Adakah tetap menggunakan CSS untuk membuat div yang melingkar dan saya dapat menentukan radius?

183 html css geometry css-shapes

8

CSS horizontal centering dari div tetap?

#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } Saya tahu pertanyaan ini jutaan kali di luar sana, namun saya tidak dapat menemukan solusi untuk kasus saya. Saya punya div, yang harus diperbaiki di layar, bahkan jika …

183 html css centering

Pertanyaan yang diberi tag «css»