Текст под картинка след див

[Denchov]

<div class="image-row">
<a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></br>
<a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a>
</div>

Пробвах да използвам това

<table border="0">
<center>
<tr>
<td><img src="image.jpg"></td>
</tr>
<tr>
<td>caption</td>
</tr>
</center>
</table>

но след като го добавя зоом-а на картинката не работи.
Някакви идеи?
Благодаря

 

[Denchov]

Оправих го но сега пък излезе друг проблем ... таблицата я прави на един ред и не слиза на долния. това е кода:

<table cellspacing="5">
<tr>
<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>
<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>
<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>

<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>
<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>

<td><a class="example-image-link" href="images/sabores/tabaco/image-1.jpg" data-lightbox="example-2" title="Sabor Tabaco - 0mg, 6mg, 11mg, 18mg, 24mg Disponibles." ><img class="example-image" src="images/sabores/tabaco/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a></td>

</tr>
<tr>
<td><center>USA Mix - Mallboro</center></td>
<td><center>Desert - Camel</center></td>
<td><center>USA Mix - Mallboro</center></td>
<td><center>Desert - Camel</center></td>
<td><center>USA Mix - Mallboro</center></td>
</tr>
</table>

 

[teroristd]

Има най различни варианти да се направи аз лично ползвам този с три дива, един контейнер, който държи картинката и текста.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

	    <title>
		    Текст под картинка!
	   </title>

	</head>
	
	<body>
	
	<div class="container" style="width:200px;">
	
	    <div class="img" style="width:200px; height:200px; background:red;">
		</div>
		
		<div class="text" style="width:200px;">
		            <p>Neque porro quisquam est qui! </p>
		</div>
	
	</div>
	
	</body>
	
</html>