Merhaba Arkadaşlar,

CSS kullanarak, div taglarını aynı table tagları gibi kullanacağız.

PHP- Kodu:

<div class="tbf_tablo">
<
div class="tbf_satir">
<
div class="tbf_hucre">A HÜCRESİ</div>
<
div class="tbf_hucre">B HÜCRESİ</div>
<
div class="tbf_hucre">C HÜCRESİ</div>
</
div>

<div class="tbf_satir">
<
div class="tbf_hucre">2. SATIR - A HÜCRESİ</div>
<
div class="tbf_hucre">2. SATIR - B HÜCRESİ</div>
<
div class="tbf_hucre">2. SATIR - C HÜCRESİ</div>
</
div>
</
div>

Kullanımı bu şekilde ve gayet basit.

sıra geldi css kodlarımıza.
onlarda çok sade ve anlaşılır.

PHP- Kodu:

<style type="text/css">
.
tbf_tablo {
display: table;
}

.tbf_satir {
display: table-row;
}

.tbf_hucre {
display: table-cell;
width: 73px; /* hücre genişliği */
height: 101px; /* hücre yüksekliği */
border: 1px dotted #000000; /* hücre çerçevesi */
padding: 3px;

}

</style>

Kolay Gelsin,

İyi Çalışmalar…

150 views