pomoc s html, obrázek vs text

napadlo mě slušnější řešení. Snad:) Promiňte mi mou neznalost a prasácký kód..

<table cellspacing="0">
  <tr>
    <td><img src="http://obrazek.jpg"></td>
    <td><div class="nazev_divu"><b>NÁZEV DIVU</b></td>
  </tr>
  <tr>
    <td></td>
    <td><p>Kecy v kleci, keci v kleci,Kecy v kleci, keci v kleci,</p></td>
  </tr>
</table>

problém je v tom, že se mi ta tabulka vypisuje jen strašně na úzko, není roztažená do strany...:(

Co jí zkusit nadefinovat šířku? <table style="width: 62%">

Nevím, jestli jsem to dobře pochopil, ale já bych nastavil obrázku umístění (obtékání) a okraje, aby na něm nebyl text přilepený. Třeba

<img src="www.obrazek.jpg" style="float: left; margin: 0 10px 20px 0">

<h3>Nadpis</h3>
<p>Kecy v kleci, keci v kleci, Kecy v kleci, keci v kleci</p>

Čistě řešení přes HTML stačí víceméně použít atribut align="", ale asi to nebude "nejhezčí".

Každopádně vytvoření dalšího řešení pomocí tabulky není vůbec výhra. Tabulky pro strukturování webu - FUJ! Tabulky pro výpis tabulkových dat - ANO.

<div class="item-holder">

<div class="item-image">
	<img src="http://images.bit-tech.net/news_images/2009/04/upscale-dvds-to-hd-using-a-gpu/article_img.jpg"/>
</div>

<div class="item-text">

	<h3>Some text</h3>
	
	<p>...........................</p>

</div>

</div>

.item-holder{
	clear:both;
}
	
.item-image{
	float:left;
	min-width:120px;
}
	
.item-text{
	float:left;
	margin-left:10px;
}