Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

4
Pusat div tetap dengan lebar dinamis (CSS)
Saya memiliki div yang akan memiliki CSS ini: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Sekarang, bagaimana cara membuat div ini terpusat? Saya dapat menggunakan margin-left: -450px; left: 50%;tetapi ini hanya akan berfungsi ketika layar> 900 piksel. Setelah itu (ketika jendela <900 piksel), itu …
90 css  html  center 
23
bagaimana cara menghindari halaman kosong ekstra di akhir saat mencetak?
Saya menggunakan properti CSS, Jika saya menggunakan page-break-after: always; => Ini mencetak halaman kosong ekstra sebelumnya Jika saya menggunakan page-break-before: always;=> Ini mencetak halaman kosong ekstra setelahnya. Bagaimana cara menghindarinya? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ …
90 css  printing 
12
Bagaimana cara mengatur lebar dan tinggi gambar tanpa meregangkannya?
Jika saya memiliki: #logo { width: 400px; height: 200px; } kemudian <img id="logo" src="logo.jpg"/> akan meregang untuk mengisi ruang itu. Saya ingin gambar tetap dalam ukuran yang sama, tetapi untuk mengambil banyak ruang di DOM. Apakah saya harus menambahkan enkapsulasi <div>atau <span>? Saya benci menambahkan markup untuk gaya.
90 html  css 
14
Tunggu kursor di atas seluruh halaman html
Apakah mungkin menyetel kursor untuk 'menunggu' di seluruh halaman html dengan cara yang sederhana? Idenya adalah untuk menunjukkan kepada pengguna bahwa ada sesuatu yang terjadi saat panggilan ajax diselesaikan. Kode di bawah ini menunjukkan versi sederhana dari apa yang saya coba dan juga menunjukkan masalah yang saya hadapi: jika sebuah …
6
Bagaimana cara membuat "tooltip tail" menggunakan CSS murni?
Saya baru saja menemukan trik CSS yang rapi. Lihat biolanya ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> <div>How …
7
Bagaimana cara mereset atau mengganti filter IE CSS?
Saya menggunakan properti MS 'filter' untuk mencoba dan membuat padanan yang tidak jelek untuk teks-shadow dan box-shadow css3; Sebenarnya saya melakukannya dengan sangat baik sampai saya menemukan masalah ini. Sepertinya ketika saya menerapkan filter ke div di dalam div lain yang juga memiliki filter, efek filter akhirnya digabungkan pada objek …
6
CSS menyelaraskan div mengambang secara vertikal
Saya memiliki div (#wrapper) yang berisi 2 div yang berdiri berdampingan. Saya ingin div kanan sejajar secara vertikal. Saya mencoba vertical-align: middle pada pembungkus utama saya tetapi tidak berhasil. Itu membuatku gila! Semoga seseorang bisa membantu. http://cssdesk.com/LWFhW HTML: <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here …
89 html  css 
5
Div dengan pengguliran horizontal saja
Saya memiliki DIV lebar tetap yang berisi tabel dengan banyak kolom, dan perlu mengizinkan pengguna untuk menggulir tabel secara horizontal di dalam DIV. Ini perlu bekerja hanya pada IE6 dan IE7 (aplikasi klien internal). Pekerjaan berikut di IE7: overflow-x: scroll; Adakah yang bisa membantu dengan solusi yang berfungsi di IE6 …
89 html  css 
13
Bagaimana cara meregangkan gambar latar untuk menutupi seluruh elemen HTML?
Saya mencoba untuk mendapatkan gambar latar belakang dari elemen HTML (body, div, dll.) Untuk meregangkan seluruh lebar dan tingginya. Tidak beruntung. Apakah mungkin atau saya harus melakukannya dengan cara lain selain itu menjadi gambar latar belakang? CSS saya saat ini adalah: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; …
8
Bagaimana cara menambahkan ikon Font Awesome ke kolom input?
Bagaimana cara menggunakan ikon pencarian yang disertakan dalam Font Awesome untuk input? Saya memiliki fitur pencarian di situs saya (berdasarkan PHPmotion), yang ingin saya gunakan untuk pencarian. Berikut kodenya: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" …
89 html  css  font-awesome 
6
Redupkan seluruh layar kecuali area tetap?
Saya ingin membuat tutorial yang akan mengarahkan pengguna tepat ke mana harus mengklik. Saya mencoba untuk menutupi seluruh layar dengan <div>yang akan redup semua elemen kecuali wilayah tertentu yang dalam tetap width, height, topdan left. Masalahnya adalah, saya tidak dapat menemukan cara untuk "membatalkan" milik orang tua background-color(yang juga transparan). …
89 javascript  jquery  html  css 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.