Bagaimana Menyelaraskan Unsur-Unsur dengan Terapung di Dreamweaver - dummies

Pereka sering menyusun imej, tag, atau elemen lain ke kiri atau kanan laman web di Dreamweaver dan kemudian membungkus sebarang teks atau kandungan lain di sekeliling elemen tersebut. Imej diselaraskan di sebelah kanan lajur supaya bungkus teks di sebelahnya di sebelah kiri. Dalam langkah-langkah yang berikut, anda mengetahui cara membuat gaya seperti ini.

kredit: Imej dari istockphoto. com

CSS menawarkan banyak kelebihan apabila menyusun unsur-unsur seperti ini, tetapi cara anda menubuhkan gaya ini tidak begitu jelas seperti yang anda harapkan pada mulanya kerana anda menggunakan pilihan apungan.

Selepas anda memahami bahawa anda boleh mengapungkan elemen, seperti imej, ke sebelah kiri atau kanan halaman, cukup mudah untuk membuat gaya yang mencapai matlamat ini. Dalam latihan ini, anda belajar untuk mencipta dua gaya yang sesuai untuk menjajarkan imej ke kiri dan kanan halaman, lengkap dengan sedikit margin hanya di mana anda memerlukannya.

Susun atur CSS yang dimasukkan dalam Dreamweaver CC sudah mempunyai gaya terapung yang anda boleh gunakan untuk menyelaraskan elemen ke kanan dan kiri. Gaya kelas ini dinamakan. fltlft (kerana, anda meneka, terapung kiri) dan. fltrt (untuk terapung kanan).

Untuk membuat dua gaya kelas yang boleh anda gunakan untuk menjajarkan imej dan elemen lain ke kiri dan kanan halaman, ikuti langkah berikut:

Klik tanda tambah dalam panel CSS Designer Selectors.

1. Bergantung pada apa yang ada pada halaman, nama gaya baru atau medan kosong di mana anda boleh memasukkan nama gaya ditambah ke panel Selectors.

   Klik dua kali untuk memilih nama yang ditambahkan Dreamweaver ke panel dan ubahnya ke nama yang anda inginkan untuk gaya baru anda, atau klik untuk memilih medan kosong dan masukkan nama.

2. Jika tiada nama ditambah, masukkan nama yang anda inginkan dalam medan kosong. Anda boleh menamakan gaya apa sahaja yang anda suka, tetapi pastikan untuk memasukkan tempoh sebelum nama jika anda membuat gaya kelas atau tanda # untuk gaya ID.

   Klik dua kali nama baru dan editnya seperti yang dikehendaki.

3. Walaupun anda boleh menamakan gaya ini apa sahaja yang anda suka, gaya penjajaran biasanya dinamakan dengan fltrt dan fltlft yang disingkat, yang masing-masing mempunyai float right dan float left.

   Sebagai contoh, jika anda membuat gaya untuk menjajarkan elemen ke kiri, anda akan namakannya. fltlft.

   Dalam panel Properties, klik ikon yang menetapkan Float to Left.

4. Gunakan tetapan Margin dalam panel Properties untuk membuat margin di sekitar elemen terapung.

   

5. Adalah amalan yang baik untuk menambah ruang margin ke arah yang bertentangan dari tetapan apungan. Jika anda membuat gaya untuk mengapungkan imej ke kiri, tambahkan 5 atau 10 piksel ruang ke medan Margin yang betul.Apabila anda menyelaraskan imej ke sebelah kiri halaman, margin akan dibuat antara imej dan elemen lain yang dibungkus di sebelah imej.

   Pilih imej atau unsur lain yang anda ingin sediakan dalam halaman.

6. Pilih nama gaya yang anda buat dari lungsur Kelas di pemeriksa Hartanah.

7. Peraturan gaya yang anda tetapkan apabila anda mencipta gaya itu secara automatik digunakan. Jika anda telah memilih imej dalam halaman teks, imej akan bergerak ke sebelah kiri halaman dan teks akan membungkusnya dengan margin antara imej dan teks.

   Ulang Langkah 1-7, sekali dengan set terapung ke Kanan dan ruang antara 5 hingga 10 piksel dalam medan Margin kiri dalam kategori Kotak, dan sekali lagi dengan set Float ke Kiri dan 5 hingga 10 piksel ruang margin dalam bidang Margin kanan dalam kategori Peti.