Pertanyaan yang diberi tag «css»

Saya ingin mengontrol berapa banyak ruang horizontal yang didorong peluru <li>ke kanan dalam <ol>atau <ul>. Artinya, alih-alih selalu memiliki * Some list text goes here. Saya ingin bisa mengubahnya menjadi * Some list text goes here. atau *Some list text goes here. Saya melihat sekeliling tetapi hanya bisa menemukan instruksi …

177 html  css  html-lists 

Saya memiliki div dan ingin itu dipusatkan secara horizontal - meskipun saya berikan itu margin:0 auto;tidak terpusat ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

Apakah ada solusi lintas browser untuk menghasilkan transisi slide-in dengan CSS saja, tanpa javascript? Di bawah ini adalah contoh konten html: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

Saya ingin membuat Bilah Navigasi tetap di atas setelah saya gulir ke sana, tetapi tidak berfungsi dan saya tidak tahu mengapa. Jika Anda dapat membantu, ini kode HTML dan CSS saya: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; …

177 html  css  css-position 

Saya menggunakan create-react-app dan memilih untuk tidak melakukannya eject. Tidak jelas ke mana font yang diimpor melalui @ font-wajah dan dimuat secara lokal harus pergi. Yaitu, saya memuat @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Ada saran? - EDIT Termasuk …

177 css  reactjs  fonts  webpack  create-react-app 

Saya baru di sini di perusahaan ini dan kami memiliki produk yang menggunakan bermil-mil css. Aku mencoba untuk membuat stylesheet dicetak untuk aplikasi kita tapi aku mengalami masalah dengan background-colordi @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Segala sesuatu yang …

176 css  media-queries 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> Ini adalah skrip CSS saya .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } Saya ingin meregangkan background-imageseluruh <td>sel

176 html  css  background 

Saat ini saya sedang mengerjakan proyek di mana saya tidak memiliki kendali atas HTML yang saya gunakan untuk menerapkan gaya CSS. Dan HTML tidak diberi label dengan sangat baik, dalam arti bahwa tidak ada cukup id dan deklarasi kelas untuk membedakan antara elemen. Jadi, saya mencari cara saya bisa menerapkan …

176 html  css  css-selectors 

Pertimbangkan cuplikan berikut: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text …

176 css  internet-explorer  flexbox  internet-explorer-11 

Saya mencoba untuk menetapkan <div>tinggi persentase tertentu di CSS, tetapi ukurannya tetap sama dengan konten di dalamnya. Namun ketika saya menghapus HTML 5 <!DOCTYTPE html>, ia berfungsi, <div>mengambil seluruh halaman seperti yang diinginkan. Saya ingin halaman divalidasi, jadi apa yang harus saya lakukan? Saya memiliki CSS ini di <div>, yang …

176 html  css  height 

Saya memiliki koleksi elemen blok pada halaman. Mereka semua memiliki aturan CSS white-space, overflow, set teks-overflow sehingga teks yang meluap dipangkas dan elipsis digunakan. Namun, tidak semua elemen meluap. Adakah saya bisa menggunakan javascript untuk mendeteksi elemen mana yang meluap? Terima kasih. Ditambahkan: contoh struktur HTML yang saya kerjakan. <td><span>Normal …

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Saya ingin memilih #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Itu tidak berfungsi selama saya memiliki div.somethinganak terakhir yang sebenarnya di commentList. Apakah mungkin …

176 html  css  css-selectors 

Saya ingin menggabungkan :afterdengan :hoverdi CSS (atau pemilih semu lainnya). Saya pada dasarnya memiliki daftar dan item dengan selectedkelas memiliki bentuk panah yang digunakan :after. Saya ingin hal yang sama berlaku untuk objek yang sedang melayang tetapi tidak bisa membuatnya berfungsi. Inilah kode #alertlist { list-style:none; width: 250px; } #alertlist …

176 css  css-selectors  pseudo-element 

Ini seharusnya sederhana, tetapi saya kesulitan menemukan istilah pencarian untuk itu. Katakanlah saya punya ini: <div class="a c">Foo</div> <div class="b c">Bar</div> Di CSS, bagaimana saya bisa membuat pemilih yang cocok dengan sesuatu yang cocok dengan "(.a atau .b) dan .c"? Saya tahu saya bisa melakukan ini: .a.c,.b.c { /* CSS …

176 html  css  css-selectors 

Saya ingin menerapkan aturan CSS ke elemen apa pun yang salah satu kelasnya cocok dengan awalan yang ditentukan. Misalnya saya ingin aturan yang akan berlaku untuk div yang memiliki kelas yang dimulai dengan status-(A dan C, tetapi tidak B dalam cuplikan berikut): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class …

175 css  css-selectors