Оптимизируйте пожалуйста код, нужно чтобы под каждой картинкой был текст. HTML: <div style="border:0px solid black;width:625px;height:200px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:1500%;"> <a href="#"><img src="http://test.trst/test/1.jpg" title="Серия 1" alt="Серия 1" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/2.jpg" title="Серия 2" alt="Серия 2" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/3.jpg" title="Серия 3" alt="Серия 3" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/4.jpg" title="Серия 4" alt="Серия 4" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/5.jpg" title="Серия 5" alt="Серия 5" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/6.jpg" title="Серия 6" alt="Серия 6" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/7.jpg" title="Серия 7" alt="Серия 7" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/8.jpg" title="Серия 8" alt="Серия 8" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/9.jpg" title="Серия 9" alt="Серия 9" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/10.jpg" title="Серия 10" alt="Серия 10" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/11.jpg" title="Серия 11" alt="Серия 11" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/12.jpg" title="Серия 12" alt="Серия 12" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/13.jpg" title="Серия 13" alt="Серия 13" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/14.jpg" title="Серия 14" alt="Серия 14" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/15.jpg" title="Серия 15" alt="Серия 15" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/16.jpg" title="Серия 16" alt="Серия 16" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/17.jpg" title="Серия 17" alt="Серия 17" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/18.jpg" title="Серия 18" alt="Серия 18" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/19.jpg" title="Серия 19" alt="Серия 19" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/20.jpg" title="Серия 20" alt="Серия 20" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/21.jpg" title="Серия 21" alt="Серия 21" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/22.jpg" title="Серия 22" alt="Серия 22" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/23.jpg" title="Серия 23" alt="Серия 23" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/24.jpg" title="Серия 24" alt="Серия 24" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/25.jpg" title="Серия 25" alt="Серия 25" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/26.jpg" title="Серия 26" alt="Серия 26" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/27.jpg" title="Серия 27" alt="Серия 27" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/28.jpg" title="Серия 28" alt="Серия 28" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/29.jpg" title="Серия 29" alt="Серия 29" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/30.jpg" title="Серия 30" alt="Серия 30" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/31.jpg" title="Серия 31" alt="Серия 31" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/32.jpg" title="Серия 32" alt="Серия 32" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/33.jpg" title="Серия 33" alt="Серия 33" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/34.jpg" title="Серия 34" alt="Серия 34" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/35.jpg" title="Серия 35" alt="Серия 35" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/36.jpg" title="Серия 36" alt="Серия 36" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/37.jpg" title="Серия 37" alt="Серия 37" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/38.jpg" title="Серия 38" alt="Серия 38" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/39.jpg" title="Серия 39" alt="Серия 39" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/40.jpg" title="Серия 40" alt="Серия 40" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/41.jpg" title="Серия 41" alt="Серия 41" class="thumb" /></a> <a href="#"><img src="http://test.trst/test/skoro.jpg" title="Скоро" alt="Скоро" class="thumb" /></a> <br /> </p> </div> т.е Картинка картинка картинка текст текст текст
все оптимизировал с помощью таблицы, если это кому то интересно -_- HTML: <div style="border:0px solid black;width:625px;height:200px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:1500%;"> <TABLE BORDER> <TR> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> <TD><a href="#"><img src="http://test.trst/test/" title="test" alt="test" class="thumb" /></a><br /><center>test</center></TD> </TR> </TABLE> </p> </div>