Mengapa file css tidak berfungsi?

Ada dua ratapan umum dari programmer dan pekerja TI di seluruh dunia. "Tapi seharusnya tidak melakukan itu. " dan, "Mengapa ini tidak berhasil?" Sudah cukup buruk ketika Anda menulis kode yang Anda pahami (secara teori) dan dapat diperbaiki. Saat Anda bekerja dengan spesifikasi, itu bahkan lebih buruk, karena Anda tidak dapat melakukan apa pun dalam waktu dekat untuk mengubah seberapa baik browser mendukung, atau gagal mendukung, standar

Kadang-kadang, memang benar, masalahnya adalah karena pemahaman CSS yang tidak lengkap di pihak desainer halaman, tetapi itulah yang dimaksudkan untuk diperbaiki oleh kolom-kolom ini (jadi kirimkan saya pertanyaan-pertanyaan itu. ). Namun, terlalu sering, kesalahan terletak pada kode di browser itu sendiri, yang membuat potongan-potongan kecil dari apa yang seharusnya menjadi stylesheet yang benar-benar valid.

Biasanya, yang dapat Anda lakukan tentang hal ini adalah mencari solusi, atau mengabaikan desain Anda sama sekali dan mencoba yang lain. Namun, dalam beberapa kasus, ada cara yang diketahui untuk mengatasi bug browser. Di kolom ini, kita akan menjelajahi beberapa di antaranya, termasuk bug "menghilang gaya" yang ditakuti di Netscape dan cara mudah agar nilai panjang Anda tidak berfungsi

Pertama, Pastikan Anda Benar

Saat menghadapi masalah, dorongan pertama sering bertanya-tanya apakah gaya ditulis dengan benar. Untungnya, ada sejumlah sumber daya untuk membantu Anda mengetahui bagian itu. Ada artikel di sini di Web Review, tentu saja, tetapi mungkin tidak mencakup situasi khusus Anda

Anda perlu memastikan bahwa tidak ada kesalahan baik di HTML atau CSS Anda, karena kesalahan di kedua tempat dapat mengakibatkan penampilan dokumen yang gagal. Saat Anda mempelajari CSS, itu bisa jadi sulit. Untuk itu, Anda harus mengunjungi situs-situs berikut untuk memeriksa hasil karya Anda

Tempat lain untuk berpaling adalah kumpulan newsgroup Usenet. sistem info. www. menulis. stylesheets-- atau dikenal sebagai c. i. w. a. s. atau sederhananya "ciwas", dan dilafalkan "SEE-wass"-- tempat berkumpulnya banyak pakar CSS dan memberikan saran gratis kepada semua pendatang. Sebelum Anda memposting, pastikan Anda menjalankan dokumen Anda melalui setidaknya salah satu validator yang tercantum di atas. Jika tidak, dan masalah Anda disebabkan oleh kesalahan pengkodean di pihak Anda, Anda akan mendapatkan daftar validator yang sama dari para ahli, dengan peringatan ringan untuk memanfaatkannya dengan lebih baik di masa mendatang. (Jangan khawatir, itu adalah peringatan yang sangat ringan. pengunjung tetap ciwas adalah kelompok yang cukup ramah, dengan hampir tidak ada flamer di antara mereka. )

Selain itu, peluang Anda untuk mendapatkan bantuan jauh lebih baik jika Anda memberikan URL ke halaman yang bermasalah. Dengan begitu, orang dapat melihat halaman Anda, melihat masalah dalam tindakan, dan memeriksa HTML dan CSS Anda secara langsung. Jika dokumen yang menyinggung terjebak di belakang firewall perusahaan, pindahkan ke server publik jika Anda bisa; . Bahkan penjelasan rinci tentang masalah bukanlah pengganti untuk menyediakan sumbernya

Yang mengatakan, berikut adalah beberapa kesalahan umum penulis, dan solusi untuk beberapa bug browser

Terlalu Banyak Spasi

Untuk beberapa alasan, kesalahan yang sangat umum di pihak penulis adalah kecenderungan untuk memberi jarak antara nilai dan unitnya. Sebagai contoh

   P {margin-left: 50 px;}

Perhatikan spasi antara 20 dan px? . Nilai dan satuan tidak pernah dipisahkan oleh spasi. Memiliki ruang di sana akan membuat nilai tidak valid, yang berarti seluruh aturan tidak valid, yang berarti paragraf Anda tidak akan memiliki margin kiri lima puluh piksel. Sebaliknya, Anda perlu menulis

   P {margin-left: 50px;}

Ini adalah satu kasus di mana memiliki ruang ekstra jelas merupakan masalah, jadi waspadalah. Salah satu dari validator CSS yang tercantum di atas juga akan menangkap ini

Terlalu Banyak HTML

Kesalahan penulis lain yang sangat umum adalah kecenderungan untuk meletakkan HTML di tempat yang tidak seharusnya-- terutama stylesheet eksternal. Jika Anda LINK_ atau @import sebuah stylesheet, maka seharusnya tidak ada HTML apa pun dalam stylesheet tersebut. Itu termasuk komentar HTML, . Jika itu elemen HTML, itu tidak termasuk dalam stylesheet

Masalah Eksternal

Tempat lain Anda mungkin mengalami masalah adalah mencoba menggunakan stylesheet eksternal. Pertama, menggunakan @import_ paling berisiko, karena Netscape Navigator tidak mendukung pengimporan stylesheet. Oleh karena itu, untuk memastikan gaya Anda diterapkan pada dokumen Anda, gunakan elemen LINK

Selain itu, pastikan Anda menggunakannya dengan benar, dan jangan berlebihan dengan atributnya. Anda seharusnya hanya memiliki satu elemen LINK, yang akan terlihat seperti ini

Urutan sebenarnya Anda menulis atribut ini tidak masalah, tentu saja, tetapi beberapa nilai sangat penting. Dua yang pertama biasanya seperti yang tertulis di atas, terutama atribut

   P {margin-left: 50px;}

   P {margin-left: 50px;}

   P {margin-left: 50px;}

Atribut opsional

   P {margin-left: 50px;}

   P {margin-left: 50px;}

Anda benar-benar dapat mengubah masalah ini menjadi keuntungan Anda, menggunakannya untuk menyembunyikan gaya dari Navigator dengan mendeklarasikan

   P {margin-left: 50px;}

Memperbaiki Latar Belakang

Masalah lain yang dimiliki Navigator adalah kesalahan penanganan warna latar belakang. Jika Anda menerapkan warna ke latar belakang elemen apa pun selain

Untungnya, mudah untuk mengatasi hal ini. Yang perlu Anda lakukan hanyalah mendeklarasikan batas lebar nol untuk elemen tersebut, dan secara ajaib, latar belakang akan diisi dengan warna dengan benar

   P.side {background: aqua; border: 0px solid aqua;}

Warna sebenarnya seharusnya tidak menjadi masalah sedikit pun, tetapi untuk amannya, saya sarankan Anda menyetelnya menjadi warna yang sama dengan latar belakang

Kemana Styles Pergi?

Terakhir, kami mengatasi bug Navigator yang agak tidak jelas yang benar-benar membingungkan saat ditemui. Jika Anda memiliki Navigator 4, muat dokumen dengan beberapa CSS yang diterapkan padanya. Kemudian ubah ukuran jendela. Presto. Semua gaya hilang

Memuat ulang halaman akan mengembalikannya, tetapi itu bukan solusi yang memuaskan. Sedikit lebih baik adalah memasukkan sedikit Javascript yang akan memperbaiki masalah Anda. Widget ini akan menyebabkan versi Navigator yang mengaktifkan Javascript untuk menerapkan kembali gaya setelah jendela diubah ukurannya-- dan jika Javascript dimatikan, maka CSS tidak akan berfungsi sama sekali, yang merupakan hal lain yang perlu diingat ketika mencoba mencari tahu mengapa

Sementara itu, bagaimanapun, inilah skripnya

Pengoperasian dan penggunaan skrip dijelaskan secara rinci dalam artikel Referensi Web Memastikan Tata Letak DHTML pada Resize;

Apapun yang Anda Lakukan, Jangan Menyerah

Anda mungkin telah memperhatikan banyak solusi yang ditujukan untuk Netscape Navigator 4. x di kolom ini. Ada alasan bagus untuk itu. Implementasi CSS Navigator sangat buruk. Saya tidak membuat pendirian yang sangat kontroversial di sana, karena bahkan pemrogram di Netscape telah mengatakan sebanyak itu, dan Anda akan kesulitan menemukan ciwa reguler yang tidak setuju.

Meskipun ini semua terdengar buruk, itu tidak terlalu buruk. Lagi pula, pikirkan saja programmer Java, yang harus menghadapi perubahan mendasar pada bahasa pemrograman mereka setiap bulan. Sebagai perbandingan, CSS cukup stabil, belum lagi lebih mudah dipelajari. Selain itu, dengan kemunculan baru-baru ini dari browser yang hampir sepenuhnya memenuhi standar seperti Opera dan Explorer 5, dan rilis Netscape 5 yang sangat dinantikan, CSS1 akan menjadi lebih sedikit hambatan, dan lebih banyak lagi alat yang ampuh yang selalu dimaksudkan untuk menjadi

Sementara itu, antara validator gratis, orang-orang di ciwas, dan "Sense of Style" edisi mendatang, Anda seharusnya dapat menemukan bantuan yang Anda perlukan-- jadi teruslah bergaya

Mengapa kode CSS saya tidak berfungsi?

Mengapa file CSS tidak berfungsi di Chrome?

Mengapa file CSS tidak berfungsi dalam kode VS?

Mengapa file CSS saya tidak tertaut ke HTML saya?