Какой параметр нужно изменить, чтобы сместить контент кнопок влево?
Адрес: 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>

Не работает