Pertanyaan yang diberi tag «css»

Saya ingin memiliki 3 divs disejajarkan di dalam wadah div, sesuatu seperti ini: [[LEFT] [CENTER] [RIGHT]] Wadah penampung 100% lebar (tidak ada set lebar), dan pusat div harus tetap di tengah setelah mengubah ukuran wadah. Jadi saya mengatur: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Tapi itu menjadi: [[LEFT] [CENTER] ] [RIGHT] …

392 html  css  flexbox  alignment  css-float 

Bagaimana saya bisa mendapatkan div dari runtuh ke diperluas (dan sebaliknya), tetapi melakukannya dari kanan ke kiri? Hampir semua yang saya lihat di sana selalu dari kiri ke kanan.

390 jquery  html  css  jquery-ui  position 

Apakah mungkin untuk membuat halaman HTML berperilaku, misalnya, seperti halaman berukuran A4 di MS Word? Pada dasarnya, saya ingin dapat menampilkan halaman HTML di browser, dan menguraikan konten dalam dimensi halaman ukuran A4. Demi kesederhanaan, saya berasumsi bahwa halaman HTML hanya akan berisi teks (tidak ada gambar dll) dan tidak …

388 html  css  printing 

Ini mungkin pertanyaan bodoh tapi karena cara biasa menyelaraskan gambar tidak berfungsi, saya pikir saya akan bertanya. Bagaimana saya bisa memusatkan menyelaraskan (secara horizontal) gambar di dalam wadahnya? Inilah HTML dan CSS. Saya juga menyertakan CSS untuk elemen thumbnail lainnya. Ini berjalan dalam urutan menurun sehingga elemen tertinggi adalah wadah …

388 html  css 

Apakah mungkin untuk mengatur ukuran gambar latar belakang dengan CSS? Saya ingin melakukan sesuatu seperti: background: url('bg.gif') top repeat-y; background-size: 490px; Tapi sepertinya benar-benar salah melakukannya seperti itu ...

386 css 

Saya memiliki tabel 3 oleh 3. Saya perlu cara untuk menambahkan perbatasan untuk bagian bawah setiap baris trdan memberikan warna tertentu. Pertama saya mencoba cara langsung, yaitu: <tr style="border-bottom:1pt solid black;"> Tapi itu tidak berhasil. Jadi saya menambahkan CSS seperti ini: tr { border-bottom: 1pt solid black; } Itu masih …

386 html  css  html-table 

Ada beberapa pertanyaan tentang StackOverflow tentang offsetWidth / clientWidth / scrollWidth (dan -Height, masing-masing), tetapi tidak ada yang memberikan penjelasan komprehensif tentang nilai-nilai tersebut. Juga, ada beberapa sumber di web yang memberikan informasi yang membingungkan atau salah. Bisakah Anda memberikan penjelasan lengkap termasuk beberapa petunjuk visual? Juga, bagaimana nilai-nilai itu …

385 html  css  dom 

Saya sedang mengerjakan situs web yang digunakan gulpuntuk kompilasi dan sinkronisasi browser agar browser disinkronkan dengan perubahan saya. Tugas tegukan mengkompilasi semuanya dengan benar, tetapi di situs web, saya tidak dapat melihat gaya apa pun, dan konsol menampilkan pesan kesalahan ini: Menolak untuk menerapkan gaya dari ' http: // localhost: …

384 html  css  gulp  mime-types  browser-sync 

Di dalam daftar yang tidak diurutkan: <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> Menambahkan atribut kelas atau gaya diizinkan, tetapi menambahkan teks dan menambahkan atau mengubah tag tidak diizinkan. Halaman ini dirender dengan Courier New. Sasarannya adalah memiliki teks setelah rentang berbaris. The lazy dog. …

381 html  css 

Saya memiliki URL gambar dalam sebuah imageUrlvariabel dan saya mencoba mengaturnya sebagai gaya CSS, menggunakan jQuery: $('myObject').css('background-image', imageUrl); Ini tampaknya tidak berfungsi, karena: console.log($('myObject').css('background-image')); kembali none. Ada ide, apa yang saya lakukan salah?

379 javascript  jquery  css 

Apakah mungkin untuk mengatur drop shadow untuk elemen svg menggunakan css3, sesuatu seperti box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Saya melihat beberapa komentar tentang membuat bayangan menggunakan efek filter. Apakah ada contoh menggunakan css saja. Di bawah ini adalah kode yang berfungsi di mana gaya cusor …

379 html  css  svg  svg-filters 

Saya memiliki halaman berikut (deadlink:) http://www.workingstorage.com/Sample.htmyang memiliki footer yang tidak dapat saya duduki di bagian bawah halaman. Saya ingin catatan kaki tetap ke bawah jendela ketika halaman pendek dan layar tidak terisi, dan tetap di ujung dokumen dan turun seperti biasa ketika ada lebih dari satu layar penuh konten (alih-alih …

379 css  footer 

Saya memiliki tata letak kotak fleksibel sederhana dengan wadah seperti: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Sekarang saya ingin item di baris terakhir disejajarkan dengan yang lain. justify-content: space-between;harus digunakan karena lebar dan tinggi kisi dapat disesuaikan. Saat ini sepertinya Di sini, saya ingin item di …

379 css  flexbox  grid-layout 

Saya ingin menggunakan navbar default Bootstrap 3 dengan logo gambar alih-alih branding teks. Apa cara yang tepat untuk melakukan ini tanpa menyebabkan masalah dengan ukuran layar yang berbeda? Saya menganggap ini persyaratan umum, tetapi saya belum melihat contoh kode yang baik. Persyaratan utama selain memiliki tampilan yang dapat diterima pada …

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar 

Saya memiliki div bersarang ini dan saya perlu wadah utama untuk memperluas (tingginya) untuk mengakomodasi DIVs di dalamnya <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accommodate …

376 css  height