كمك براي جايگزيني css به جاي table

[Farzaneh007]

با سلام خدمت دوستان
بنده دارم روي css توي جوملا كار ميكنم
لطفا دوستان يه كمكي كنند مشكلم حل شه
اول از همه عكس زير رو در سايز بزرگ ببينيدش

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

اين عكسي هستش كه از مطلبم توي جوملا گرفتم يعني اين عكس يه سري تيبل هستش كه توي ارسال مطلب در جوملا ساخته شده و از طريق css براشون كلاس تعيين كردم و موقعيتشون رو درست كردم

اولش خواستم بدون table بسازمش ولي هر كاري كردم نشد كه نشد
تصميم گرفتم فقط تيبل بسازم و كلاس هاش رو توي css تعريف كنم
كد table ها به صورت زير نوشتم:

<table>
<tbody>
<tr>
<td><img></td>
</tr>
<tr>
<td><fieldset><legend>Informaion</legend>Mexico has long been a favorite destination for tourists from Canada and the United States, but it is also becoming increasingly popular with tourists from Europe, as more and more of them are prepared to put up with the long flight to get to know a country that besides sunshine, scenery, sandy beaches and clear blue seas also has a cultural<br>... More ><br></fieldset></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>{joomplu:23}<br>iran</td>
<td>{joomplu:24}<br>iran</td>
<td>{joomplu:25}<br>iran</td>
</tr>
<tr>
<td>{joomplu:26}<br>iran</td>
<td>{joomplu:23}<br>iran</td>
<td>{joomplu:24}<br>iran</td>
</tr>
<tr>
<td>{joomplu:23}<br>iran</td>
<td>{joomplu:24}<br>iran</td>
<td>{joomplu:25}<br>iran</td>
</tr>
<tr>
<td>{joomplu:26}<br>iran</td>
<td>{joomplu:23}<br>iran</td>
<td>{joomplu:24}<br>iran</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>Preview Full Gallery</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<th>Information Sri Lanka</th> <th> </th>
</tr>
<tr>
<td>Flag</td>
<td><img></td>
</tr>
<tr>
<td>Coat Of Arms</td>
<td><img></td>
</tr>
<tr>
<td>National Anthems</td>
<td><a>Download</a></td>
</tr>
<tr>
<td>Capital</td>
<td>Colombo</td>
</tr>
<tr>
<td>Language</td>
<td>Sinhalese-Tamil</td>
</tr>
<tr>
<td>Religions</td>
<td>Buddhish-Hindu</td>
</tr>
<tr>
<td>Currency</td>
<td>Rupee</td>
</tr>
<tr>
<td>Time Zone</td>
<td>GMT+05:30</td>
</tr>
<tr>
<td>National Days</td>
<td>Feb-04</td>
</tr>
<tr>
<td>Phone Code</td>
<td>+94</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><img></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>Albania Banknotes</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>{joomplu:27}</td>
<td>{joomplu:27}</td>
<td>{joomplu:27}</td>
<td>{joomplu:27}</td>
</tr>
<tr>
<td>{joomplu:28}</td>
<td>{joomplu:28}</td>
<td>{joomplu:28}</td>
<td>{joomplu:28}</td>
</tr>
</tbody>
</table>

حالا ميخوام ببينم كسي از دوستان ميتونه اين table ها رو جايگزين كنه با css كه ديگه table نسازم؟
راهش رو هر كي بگه ممنون ميشم

راستي ميخوام ببينم اگر همين table باشه بد نيستش براي جستجو گر گوگل و ايندكسش ميكنه؟ يا اگر css بزنم بهتره؟

با تشكر از دوستان