Pertanyaan yang diberi tag «css»

saya sudah body { background: url(images/background.svg); } Efek yang diinginkan adalah bahwa gambar latar belakang ini akan memiliki lebar sama dengan halaman, tinggi berubah untuk mempertahankan proporsi. mis. jika gambar aslinya berukuran 100 * 200 (unit apa saja) dan lebar badan 600px, gambar latar belakang harus setinggi 1200px. Ketinggian harus …

365 html  css 

Dalam kode berikut, saya ingin tip alat muncul ketika pengguna mengarahkan span, bagaimana saya melakukannya? Saya tidak ingin menggunakan tautan apa pun. <span> text </span>

364 html  css 

Terkadang saya menggunakan jangkar yang ditata sebagai tombol dan terkadang saya hanya menggunakan tombol. Saya ingin menonaktifkan hal-hal tertentu untuk: Mereka terlihat dinonaktifkan Mereka berhenti diklik Bagaimana saya bisa melakukan ini?

360 jquery  html  css  twitter-bootstrap 

Saya memiliki aturan gaya yang ingin saya terapkan pada tag ketika memiliki dua kelas. Apakah ada cara untuk melakukan ini tanpa JavaScript? Dengan kata lain: <li class='left ui-class-selector'> Saya ingin menerapkan aturan gaya saya hanya jika likeduanya .leftdan .ui-class-selectorkelas diterapkan.

360 css  css-selectors 

Bagaimana saya bisa mendesain warna, ukuran dan bayangan ikon dari Font Awesome's Icons ? Misalnya, situs Font Awesome akan menampilkan beberapa ikon dalam warna putih dan beberapa berwarna merah tetapi tidak akan menunjukkan CSSbagaimana cara menatanya seperti itu ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

Di http://github.com, pengembang menyimpan file HTML, CSS, JavaScript, dan gambar proyek. Bagaimana saya bisa melihat output HTML di browser? Misalnya ini: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Ketika saya membuka ini tidak menunjukkan HTML yang diberikan dari kode penulis. Ini menunjukkan halaman sebagai kode sumber. Apakah mungkin melihatnya secara langsung sebagai HTML? Kalau tidak, saya …

355 html  css  git  github  github-pages 

Saya menerapkan pagination, dan perlu dipusatkan. Masalahnya adalah bahwa tautan harus ditampilkan sebagai blok, sehingga tautan tersebut harus diapungkan. Tapi kemudian, text-align: center;tidak berhasil. Saya dapat mencapainya dengan memberikan lapisan pembungkus kiri, tetapi setiap halaman akan memiliki jumlah halaman yang berbeda, sehingga tidak akan berfungsi. Ini kode saya: .pagination { …

355 css-float  center  css 

Saya ingin menggunakan teknik ini http://css-tricks.com/svg-fallbacks/ dan mengubah warna svg tapi sejauh ini saya belum bisa melakukannya. Saya meletakkan ini di css tetapi gambar saya selalu hitam, tidak peduli apa. Kode saya: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Jalankan cuplikan kodeHide resultsLuaskan …

352 css  svg 

Badan dokumen html saya terdiri dari 3 elemen, tombol, formulir, dan kanvas. Saya ingin tombol dan formulir selaras kanan dan kanvas tetap selaras kiri. Masalahnya adalah ketika saya mencoba untuk menyelaraskan dua elemen pertama, mereka tidak lagi saling mengikuti dan sebaliknya bersebelahan secara horizontal ?, inilah kode yang saya miliki …

351 css  html 

Bagaimana cara menulis :hoverdan :visitedsyarat untuk a:before? Saya mencoba a:before:hovertetapi tidak berhasil

347 css  css-selectors  pseudo-element  pseudo-class 

Saya ingin tubuh saya berhenti bergulir ketika menggunakan roda mouse saat Modal (dari http://twitter.github.com/bootstrap ) di situs web saya dibuka. Saya sudah mencoba untuk memanggil potongan javascript di bawah ini ketika modal dibuka tetapi tidak berhasil $(window).scroll(function() { return false; }); DAN $(window).live('scroll', function() { return false; }); Harap dicatat …

346 javascript  jquery  css  scroll 

Saya baru mengenal ReactJS dan JSX dan saya mengalami sedikit masalah dengan kode di bawah ini. Saya mencoba menambahkan beberapa kelas ke classNameatribut pada masing-masing li: <li key={index} className={activeClass, data.class, "main-class"}></li> Komponen React saya adalah: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) …

346 javascript  css  reactjs  ecmascript-6 

Jadi saya punya input teks <input type="text" value="3" class="field left"> Inilah CSS saya untuk itu background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Apakah ada pengaturan atau trik untuk ini, saya berpikir untuk membuat label, tetapi bagaimana dengan styling. Bagaimana cara mengonversinya …

344 html  css  html-input 

Masalah: Hapus padding / margin di kanan dan kiri col-md- * di Bootstrap 3. Kode HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> …

342 css  twitter-bootstrap  html 

Bagaimana cara menyelaraskan item navbar ke kanan? Saya ingin memiliki login dan mendaftar di sebelah kanan. Tapi semua yang saya coba sepertinya tidak berhasil. Inilah yang saya coba sejauh ini: <div>sekitar <ul>dengan atribut:style="float: right" <div>sekitar <ul>dengan atribut:style="text-align: right" mencoba kedua hal itu pada <li>tag mencoba semua hal itu lagi dengan …

342 css  twitter-bootstrap  flexbox  bootstrap-4  navbar