Какой параметр нужно изменить, чтобы сместить контент кнопок влево?
Адрес: http://devilmaycry.forumrpg.ru/
Код таблицы:
В HTML-верх: <style type="text/css"> #menu { width: 234px; height: 462px; } #menu img { padding: 0; border: 0 none transprent !important; margin: 0; width: 220px; display: block; float: left; text-decoration: none; } #menu .tabactive { background:#F9F1DD; } #submenu { padding: 0px; height: 440px; text-align: left; width: 634px; } .submenutext { text-align: center; position:absolute; width:100%; max-width: 630px; display: none; height: 441px!important; } </style> В объявление: <center><table align="center" width="910" cellspacing="0" cellpadding="0" border="0" height="466"> <tbody><tr> <td width="240" align="center"> <!--- кнопки меню ---> <div id="menu"> <img src="http://forumstatic.ru/files/0008/a3/28/38907.jpg" width="220" height="70" border="0" alt=#sm1 style="cursor: pointer;"> <img src="http://forumstatic.ru/files/0008/a3/28/46385.jpg" width="220" height="70" border="0" alt=#sm2 style="cursor: pointer;"> <img src="http://forumstatic.ru/files/0008/a3/28/23316.jpg" width="220" height="70" border="0" alt=#sm3 style="cursor: pointer;"> <img src="http://forumstatic.ru/files/0008/a3/28/37227.jpg" width="220" height="70" border="0" alt=#sm4 style="cursor: pointer;"> <img src="http://forumstatic.ru/files/0008/a3/28/45475.jpg" width="220" height="70" border="0" alt=#sm5 style="cursor: pointer;"> <img src="http://forumstatic.ru/files/0008/a3/28/70049.jpg" width="220" height="70" border="0" alt=#sm6 style="cursor: pointer;"> </div> <!--- конец кнопок меню ---> </td> <td align="left" id="MenuTxT" style="width: 670px!important;"> <!--- Содержимое меню ---> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <script language="JavaScript"> <!-- var a=Math.round(Math.random()*5) image = new Array(); image[0]="http://s006.radikal.ru/i215/1001/04/5ae39e9b7b64.jpg" image[1]="http://s001.radikal.ru/i196/1001/30/62736bf8cd97.jpg" image[2]="http://s002.radikal.ru/i199/1001/9b/d011e855ecb6.jpg" image[3]="http://s001.radikal.ru/i196/1001/fa/93a75c5ca523.jpg" image[4]="http://s004.radikal.ru/i206/1001/f3/4850be43cb5c.jpg" image[5]="http://i028.radikal.ru/1010/98/b5e94681b83e.jpg" document.write ("<img src="+image[a]+">"); //--> </script> <br> <script language="JavaScript"> d0 = new Date('March 11, 2008'); d1 = new Date(); tl = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('Мы существуем <b>' + Math.round(tl) + '</b>-й день.'); </script> </div> <div id="sm2" class="submenutext"> Контент 2-й кнопки </div> <div id="sm3" class="submenutext"> Контент 3-й кнопки </div> <div id="sm4" class="submenutext"> Контент 4-й кнопки </div> <div id="sm5" class="submenutext"> Контент 5-й кнопки </div> <div id="sm6" class="submenutext"> Контент 6-й кнопки </div> </div> <!--- конец содержимого ---> </td> </tr></tbody> </table></center> <!--- скрипт меню со скольжением ---> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs img:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu img").click(function() { $("div.#menu img").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"}) var activeDiv = $(this).attr("alt"); $("div."+activeDiv).css({"z-index":"1"}) $("td.#MenuTxT div.submenutext").hide(1200); $("div."+activeDiv).show(2200); return false; }); }); </script>