bu konuda okadar profesyonel değilim fakat saan şöyle bir bilgi verebilirim
öncelikle bir DIV oluştur id olarak istatistik adını ver
daha sonra bu div içerisine
2 satır 5* sütündan oluşan bir tablo oluştur (resimler de 1er sütun) ve adını istatistik2 ver
tablonun an sağındaki sütünları yukarı doğru birleştir
resimleri bir yerden edindiğini farzediyorum
resimleri yerlerine çağır ve her resmin yanına kodu ekledikten sonra bu oluşturduğun kodu sayfana ekle
örnek

<div id="istatistisk">
<table id="istatistik2">
  <tr>
  	<td class="kategorilogo">kategori logo</td>
    <td class="kategori">kategori kodu buraya</td>
    <td class="okundulogo">dx defa okundu logo buraya</td>
    <td class="okundu">dx defa okundu kodu buraya</td>
    <td rowspan="2" class="buton">buton kodu buraya</td>
  </tr>
  <tr>
  	<td class="tarihlogo">tarih logo buraya</td>
    <td class="tarih">tarih kodu buraya</td>
	<td class="yorumlogo">yorumların logo buraya</td>
    <td class="yorum">yorumların kodu buraya</td>
  </tr>
</table>
</div>

css içinde

#istatistik
{
en boy pozisyon
}
#istatistik2
{
en boy pozisyon
}
td.kategorilogo{logo url ve genişlik}
td.kategori {yazı tipi ve genişlik}
td.okundulogo{logo url ve genişlik}
td.okundu {yazı tipi ve genişlik}
td.tarihlogo{logo url ve genişlik}
td.tarih {yazı tipi ve genişlik}
td.yorumlogo{logo url ve genişlik}
td.yorum {yazı tipi ve genişlik}
son olarak 
td.buton {genişlik ve yükseklik}

bu verdiğim kodlar örnek teşkil eder söylediğim gibi fazla bir bilgim yok bu konuda ama en azından sana fikr vermesi açısından iyi bir kaynak olacaktır
diğer yandan
notpad++
veya
Dreamviewer başarılı birer editör
klavyem biraz hasarlıdır harfim eksik olursa lütfen kızmayın