Kamis, 29 April 2010
belajar css pada html
berikut adalah script untuk membuat layout sederhana pada html menggunakan css, pertama tama yang kita lakukan adalah membuat file .css terlebih dahulu buat file .css, berikut isi filenya:
#wrapper { margin:auto; width:980px; border:2px solid black;}
#header { height:80px; border:1px solid red}
#inner { float:left; margin:5px 0; border:1px solid green}
#footer { clear:both; height:50px; border:1px solid blue}
#sidebar { float:left; margin-right:10px; width:200px; height:400px; border:1px solid orange;}
#content { float:left; width:760px; height:400px; border:1px solid orange;}
#content-top { clear:both; margin:auto; width:760px; height:120px; border:1px dotted blue;}
#content-main { float:left; margin:auto; width:480px; height:260px; border:1px dotted blue;}
#content-right { float:right; margin:auto; width:260px; height:180px; border: 1px dotted;}
simpan dengan nama layout.css, kemudian buat file html-nya sesuai dengan layout yang diinginkan.
#wrapper { margin:auto; width:980px; border:2px solid black;}
#header { height:80px; border:1px solid red}
#inner { float:left; margin:5px 0; border:1px solid green}
#footer { clear:both; height:50px; border:1px solid blue}
#sidebar { float:left; margin-right:10px; width:200px; height:400px; border:1px solid orange;}
#content { float:left; width:760px; height:400px; border:1px solid orange;}
#content-top { clear:both; margin:auto; width:760px; height:120px; border:1px dotted blue;}
#content-main { float:left; margin:auto; width:480px; height:260px; border:1px dotted blue;}
#content-right { float:right; margin:auto; width:260px; height:180px; border: 1px dotted;}
simpan dengan nama layout.css, kemudian buat file html-nya sesuai dengan layout yang diinginkan.
Minggu, 24 Mei 2009
Langganan:
Postingan (Atom)