Membuat Tabel dengan CSS

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
http://www.w3.org/TR/html4/loose.dtd”&gt;
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>- Supono | Tutor | CSS</title>
<style type=”text/css”>
#leftbox{
margin-left: 0;
position: absolute;
top: 10px;
left: 80px;
width: 160px;
border: solid 2px #0000ff;
}
#centerbox{
position: absolute;
top: 10px;
left: 260px;
width: 400px;
height: 500px;
border: solid 2px #ff0000;
}
#rightbox{
position: absolute;
top: 10px;
left: 680px;
width: 20%;
height: 500px;
border: solid 2px #00ff00;
}
</style>
</head>

<body>

<div id=”leftbox”>
Here’s some text between the two &lt;div&gt; boxes.

</div>

<div id=”centerbox”>
Here’s some text between the two &lt;div&gt; boxes.
</div>

<div id=”rightbox”>
Here’s some text between the two &lt;div&gt; boxes.
</div>
</body>
</html>

Iklan
By Supono Posted in CSS

8 comments on “Membuat Tabel dengan CSS

  1. mas supono……
    aq lg belajar CSS dan Java Script…..
    aq minta tolong donk mas supono…..

    aq minta tutorial CSS dan Java Script….
    please mas….tolong bantu aq yah mas…
    soalnya aq mau beli bukunya ga ad mas,aq ud cari kmn2…tp ga ad….please ya mas supono kirimin aq tutorialnya yah mas….

    aq tunggu yah mas….

    Thanks

    ^_^

  2. Om Bagaimana cara membuat table 1 colom 1 baris di kiri dan 1 kolom 2 baris di kanan ?

    Pada perinsipnya, kamu buat satu kolom besar (x)
    Didalam kolom besar (x) tersebut buat dua kolom di float ke kiri (y) dan kanan (z), sehingga kolom (x) akan terbagi menjadi 2 bagian kiri dan kanan. Nah dikolom (y) buat lagi satu kolom (z) dan di sebelah kiri (r) buat lagi 2 kolom seperti pada kolom pertama di (x).

  3. oia oom ada kelemahannya… coba ctrl+scroll down!!
    jadi ikut ke pinggir..

    Itu bukan kelemahan, fungsi CTRL+Scroll Down artinya memperkecil atau memperbesar ukutan teks/content browser.

  4. Contoh tampilannya dimana mas ?

    Tampilannya ada satu kotak besar, di dalam kotak besar itu ada 2 kolom dengan posisi disebelah kiri san kanan (kolom terbagi menjadi dua bagian)

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s