Skip to main content

Membuat Multi Column Dengan DIV dan CSS

Pretty sure this one is not so different with my older post "Membuat halaman rapi dengan HTML", yupsi ... bedanya adalah penggunaan fungsi HTML nya, kali ini saya akan menjelaskan bagaimana membuat halaman yang sama seperti postingan sebelumnya, namun menggunakan fungsi DIV di dalam DIV. oke langsung aja . cekidot ...

Pertama buat script HTML nya seperti berikut, perhatikan fungsi div yang kita harus panggil berulang-ulang, pasti lebih mudah jika kita menggunakan fungsi table, yup ... or theres another way ?, but this is for education purpose, that should be okay to learn, right ? hhee


Kemudian buat file CSSnya seperti berikut, kita membuat dua buah id='kontainer' untuk mengatur batas width/lebar baris pertama dan kedua dan dua buah class='baris' untuk mengatur baris yang ada di kolom kontainer dan class='gambar' untuk mengatur gambar yang di panggil fungsi "imgsrc"


Dan jika kamu benar maka hasilnya akan seperti berikut.

Sekian tutorial membuat column dengan fungsi DIV, seperti biasa, kamu bisa kreasikan dengan gayamu sendiri, jikalau seandainya, andai kata, ibaratnya masih kurang jelas, berikut saya sediakan filenya. silahkan download.

Labels:

Comments

Post a Comment

Popular posts from this blog

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann
1 comment
Read more

Pengenalan, Fungsi dan Tipe -tipe ROM

Merupakan chip IC (integrated circuit) disebut sebagai memori yang tidak mudah berubah (non-volatile memory). yang menyediakan fungsi penyimpanan data yang bersifat WORM (write once read many), dimana penyimpanannya permanen walaupun tanpa daya listrik, ROM tidak dapat diisi atau ditulisi data sewaktu-waktu seperti RAM. Pengisian atau penulisan data, informasi, ataupun program pada ROM memerlukan proses khusus yang tidak semudah dan se-fleksibel cara penulisan pada RAM. Biasanya, data atau program yang tertulis pada ROM diisi oleh pabrik yang membuatnya. Umumnya ROM digunakan untuk menyimpan firmware, yaitu perangkat lunak yang berhubungan dengan perangkat keras. ROM modern sering ditemukan dalam bentuk IC (Integrated Circuit), sama seperti RAM yag wujudnya kebanyakan juga berupa IC. Teks atau kode yang tertulis pada kedua jenis IC ini berbeda. IC ROM biasanya memiliki kode tulisan (teks) 27xxx. Angka 27 menunjukkan kode untuk ROM, sedangkan xxx menjunjukkan kapasitas ROM d
Post a Comment
Read more

Penerapan PHP Dalam Kode HTML

PHP hanya mengeksekusi kode yang ditulis dalam pembatas sebagaimana ditentukan oleh dasar sintaks PHP. Apapun di luar pembatas tidak diproses oleh PHP (meskipun teks PHP ini masih mengendalikan struktur yang dijelaskan dalam kode PHP.  Pembatas yang paling umum adalah  " <?php " dan u ntuk menutup kode PHP " ?> ". Tujuan dari pembatas ini adalah untuk memisahkan kode PHP dari kode diluar PHP, seperti  HTML , Javascript . Untuk pembuatan web, kode  PHP  biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai  Scripting Language  atau bahasa pemrograman  script . Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1 sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini: <!DOCTYPE html> <html>    <head>       <title>Contoh list dengan HTML</title>    </head> <body> <h2>Daftar Absensi Mah
Post a Comment
Read more