this is the personal weblog of Andy Widodo » tutorial

100% DIV width

andy — Thu, 24 May 2007 19:33:35 +0000

Baru-baru ini ada sedikit masalah di salah satu kerjaan gw, gw mau buat container dengan width 100%, dimana container itu langsung di bawah tag body. CSS yang gw pake pertama kali adalah :

#main_container {
margin:0px auto;
padding:0;
width:100%;
}

Di IE berjalan dengan baik, tapi ngga di FF. Nah, cara mengatasinya :

#main_container {
margin:0px auto;
padding:0;
width:100%;
background:#fff repeat;
position: absolute;
left: 0;
right: 0;
top: 0px;
}

Browser tertentu memakai keempat koordinat untuk menghitung lebar dan tinggi dari element yang diposisikan secara absolut. Lebih lanjut baca disini.

MySQL: ‘UNION’ command

andy — Wed, 04 Oct 2006 20:26:44 +0000

Kemaren ada kerjaan yang make command ini…mungkin uda banyak yang tau…tapi sekedar sharing aja.

UNION command di MySQL digunakan untuk melakukan SELECT pada dua atau lebih tabel. contohnya :

SELECT * FROM tabel_1 UNION SELECT * FROM tabel_2;

Atau dengan contoh yang sedikit lebih kompleks, misalnya memakai kondisi tertentu dan digunakan untuk paging :

SELECT * FROM tabel_1 WHERE cat_id=’$id’ UNION SELECT * FROM tabel_2 ORDER BY nama LIMIT $offset, $rowsPerPage;

Command UNION ini hanya digunakan pada dua atau lebih tabel yang memiliki struktur kolom yang sama.

*sharing yang tida berguna..ahushuhsuhsuhashushush

Define your CSS

andy — Thu, 31 Aug 2006 06:19:15 +0000

This tutorial is a CSS tutorial for beginner..in this tutorial, I presume that we have already knew the basic HTML.

The first thing you should know before applying CSS in your web pages is defining the CSS to be able to be accesed by your web pages.
There are 2 ways in defining your CSS to be accessible by your page, those are internally (in the same file with your HTML pages) and externally (as an external file).

Ok, let’s start by the first way to define your CSS

- Define your CSS internally
The normal tag structure of an empty HTML page is like this :

Untitled Document

and now to define your CSS, all you have to do is write this line before the tag :

then inside the

By the style we have defined above, then we can apply it to our HTML pages. Remember that the visible styles in the HTML pages are the only styles which we have already defined.


- Define your CSS externally

We can also define the CSS externally by linking the css file which is not defined in the html page. for example, i have the css like the example above in a file named style.css, so all you have to do, to be able to apply your CSS in your HTML pages, just write this line before the  tag :



Where the ‘media’ value depends on the media you are working on for your CSS to work.
Well, now we know how to define the CSS, and now it’s up to you on how you define your CSS, but I think it’s easier to put your styles in a different file, so it will be more comfortable for editing.
Another tips, please create your styleguide of your HTML pages first, before proceeding to HTML template building.
Hope this tutorial helps..cheers