Bir table örnegi nasıl olur?

Merhaba arkadaşlar

CSS kullanarak table yapmaya çalışdım. Kodlar aşagıda sizce bu şekilde mi yapılıyor? Profesiyonel olarak nasıl yazılır gösterirmisiniz? Saolun
CSS dosyası

<style type="text/css">
<!--

#enuygun {
width:435px;
}
#enuygun .ust {
background:url(images/enuygun_01.gif);
height:50px;
padding:0px 0px 0px 120px;
text-align:center;
margin:0;
}
#enuygun h1 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0066FF;
}
#enuygun .alt {
background:url(images/enuygun_04.gif);
height:13px;
margin:0;
}
#enuygun ul {
background:url(images/enuygun_03.gif);
margin:0;
padding:0;
}
</style>

Burasıda metin alanının oluşdugu kısım

<div id="enuygun">
<div class="ust"><h1>Başlık</h1></div>
<ul>aasd</ul>
<div class="alt"></div>
</div>

Profosyonel yapmak istiyorsan zaten <table> mevcut.table ilede css kullanabilirsin.

table kullanmadan yapmak istiyorum.

grafik olarak hazırlayabilirsin."<table>" tavsiye ederim.

İki farklı şekilde yapabilirsiniz.

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

UL etiketlerini satır LI etiketlerini de sütun şeklinde kullanırsınız. LI etiketlerine display: inline ve float: left; verin. Yukarıdaki koda göre iki satırı olan 4'er hücreli tablonuz olacak. Bu mantık ile de div etiketi ile de yapabilirsiniz. Şöyle ki;

<div class="satir">
<div class="hucre"></div>
<div class="hucre"></div>
<div class="hucre"></div>
<div class="hucre"></div>
</div>

Sınıfı "hucre" olan div'in özelliğini float: left; ve display: inline; şeklinde yapmalısınız.

Bana yukarıdaki örnegide içine alan örnek yapsanıza?Daha anlaşılır olur.

Senin anlattıgın kadarı ile aklımda bir kaç problem oluşdu örnegin tablonun kenarları resim bunları nasıl entegre edecegim? üst ve alt kısım yapdım örnekde görecegin gibi.

teşekürler