Shana написал(а):
а как вот это меню можно по центру расположить? То есть что б заголовки были не слева, а
Код:
<style type="text/css">
#mutable td {
border:1px #fff solid;
}
#menu a {
text-decoration: none;
display: block;
}
#submenu {
padding: 5px;
height: 100px;
text-align: center;
font-size: 12px;
width: 700px;
}
.submenutext {
display: none;
height: 60px;
}
#submenu A {
color: #CCC;
}
#menu .tabactive {
color: #65065f;
}
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>
<table id="mutable" cols="5" cellspacing="0" style="width: 100%;">
<tbody>
<tr align="center" valign="center" height="40">
<td>
<div id="menus">
<a onclick="subMenu(this,'sm1')" href="#">заголовок</a>
</div>
</td><td border="1">
<div id="menu">
<a onclick="subMenu(this,'sm2')" href="#">заголовок</a>
</div>
</td><td border="1">
<div id="menu">
<a onclick="subMenu(this,'sm3')" href="#">заголовок</a>
</div>
</td><td border="1">
<div id="menu">
<a onclick="subMenu(this,'sm4')" href="#">заголовок</a>
</div>
</td><td border="1">
<div id="menu">
<a onclick="subMenu(this,'sm5')" href="#">заголовок</a>
</div>
</td></tr><tr>
<td colspan="5" align="center" border="1">
<div id="submenu">
<div id="sm1" class="submenutext" ><br /><br />текст 1</div>
<div id="sm2" class="submenutext"><br /><br />текст 2</div>
<div id="sm3" class="submenutext"><br /><br />текст 3</div>
<div id="sm4" class="submenutext"><br /><br />текст 4</div>
<div id="sm5" class="submenutext"><br /><br />текст 5</div>
</div>
</td>
</tr>
</tbody>
</table>
Может так ?
Отредактировано Deff (Чт, 4 Ноя 2010 11:20:32)
