استایل دادن به بخش انتخاب زبان در ساید بار

[javad abbasi 502]

دوستان من وقتی این کد را در ابزارک ساید بار قرار میدهم گزینه های انتخاب زبان که با پرچم ها همراه هست زیر هم قرار می گیرد. می خوام در یک خط افقی قرار بگیرند. چگونه می تونم اینکار را بکنم ؟

<div></div>
<div>
<table>
<tbody>
<tr>
<td><a href="http://fa.ibforums.net"><img class="alignnone" title=" فارسی" src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Flag_of_Iran.svg/22px-Flag_of_Iran.svg.png" alt="" width="22" height="13" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;"> فارسی</span></span></td>
</tr>
<tr>
<td><a href="http://tr.ibforums.net"><img class="alignnone" title="Türkçe" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Flag_of_Turkey.svg/22px-Flag_of_Turkey.svg.png" alt="" width="22" height="15" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">Türkçe</span></span></td>
<td></td>
</tr>
<tr>
<td><a href="http://en.ibforums.net"><img class="alignnone" title="English" src="http://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Flag_of_the_United_Kingdom.svg/22px-Flag_of_the_United_Kingdom.svg.png" alt="" width="22" height="11" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">English</span></span></td>
<td></td>
</tr>
</tbody>
</table>
</div>

[Parsa 23463]

<div>
<table>
<tbody>
<tr>
<td><a href="http://fa.ibforums.n...orums.net"><img class="alignnone" title=" فارسی" src="http://upload.wikime...f_Iran.svg.png" alt="" width="22" height="13" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;"> فارسی</span></span></td>
<td><a href="http://tr.ibforums.n...orums.net"><img class="alignnone" title="Türkçe" src="http://upload.wikime...Turkey.svg.png" alt="" width="22" height="15" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">Türkçe</span></span></td>
<td><a href="http://en.ibforums.n...orums.net"><img class="alignnone" title="English" src="http://upload.wikime...ingdom.svg.png" alt="" width="22" height="11" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">English</span></span></td>
</tr>
</tbody>
</table>
</div>

[javad abbasi 502]

<div>
<table>
<tbody>
<tr>
<td><a href="http://fa.ibforums.n...orums.net"><img class="alignnone" title=" فارسی" src="http://upload.wikime...f_Iran.svg.png" alt="" width="22" height="13" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;"> فارسی</span></span></td>
<td><a href="http://tr.ibforums.n...orums.net"><img class="alignnone" title="Türkçe" src="http://upload.wikime...Turkey.svg.png" alt="" width="22" height="15" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">Türkçe</span></span></td>
<td><a href="http://en.ibforums.n...orums.net"><img class="alignnone" title="English" src="http://upload.wikime...ingdom.svg.png" alt="" width="22" height="11" /></a></td>
<td><span style="color: #333333;"><span style="color: #333333;">English</span></span></td>
</tr>
</tbody>
</table>
</div>

ممنون. اما وقتی این کد را میذارم تو ساید بار عکس پرچم ها مشکل پیدا می کنند و نمایش داده نمیشه. اگر ممکنه می خوام نوشته زبانها زیر پرچم ها باشه و هر سه زبان ذر یک خط افقی قرار بگیرند. یعنی ردیف بالا پرچم ها باشه و ردیف پایین نوشته ها .

[Morteza 34190]

http://jsfiddle.net/xnQsa/