| |
|
|
| | Есть менюшка, вот ее CSS
.submenu {background-color:#F7F7F7; height: 16px;}
.submenu span {visibility: hidden; position: absolute; top: 93px; left: auto;}
.submenu a {color: #000000; text-decoration: none; font-family: tahoma; font-size: 8pt;}
.submenu a:hover {color: #FFAE00;}
|
Тоесть position: absolute. И нужно, чтобы span был не в левой части страницы, а посередине. left: 50% не подходит, т.к. тогда начало span в середине, а мне нужно чтобы весь span, независимо от его длины, получился посередине. Заранее благодарю за помощь!
Сама менюшка вызывается так:
<!-- МЕНЮ -->
<tr>
<td class="menu">
<li><a href=# onMouseOver="show(1)">menu1</a></li>
<li><a href=# onMouseOver="show(2)">menu2</a></li>
</td>
</tr>
<!-- СУБМЕНЮ -->
<tr>
<td class="submenu">
<span id="submenu1">
<a href=#>subm1</a>
<a href=#>subm 2</a>
</span>
<span id="submenu2">
<a href=#>sub2</a>
<a href=#>sub2</a>
</span>
</td>
</tr>
|
| |
| |
|
|
| |
|
|
| |
для: Atom
(14.10.2005 в 20:36)
| | | А align:center (или как его там?) для span положения не меняет? | |
| |
|
|
| |
|
|
| |
для: 12345
(14.10.2005 в 21:11)
| | | Нет. А если для td, то из-за absolute начало строки идет по центру (в IE), а в опере вообще ничего не меняется.
absolute мне нужен для того, чтобы при наведении мышки на меню спаны субменюшек отображались в одном и том же месте. Если есть какой-то другой способ - было бы очень хорошо. ) | |
| |
|
|
| |
|
|
| |
для: Atom
(14.10.2005 в 21:58)
| | |
<style>li{width:90%;}
.submenu {background-color:#F7F7F7;width:120;border-style:solid;border-width:1}
.submenuD {visibility:hidden; position: absolute; width:100%;text-align:center;}
.submenu a {color: #000000; text-decoration: none; font-family: tahoma; font-size: 8pt;}
.submenu a:hover {color: #FFAE00;}
</style>
<script>d=document;v='visible';h='hidden'</script>
<br><br><br>
<li><a href=# onMouseOver=d.all.submenu1.style.visibility=v>menu1</a>
<div class=submenuD><span class=submenu id=submenu1 onClick=this.style.visibility=h><a href=#>subm 1</a><br> ...<br><br><a href=#>subm 2</a></span></div>
</li>
<li><a href=# onMouseOver=d.all.submenu2.style.visibility=v>menu2</a>
<div class=submenuD><span class=submenu id=submenu2 onClick=this.style.visibility=h><a href=#>sub 2</a> ... <a href=#>sub 2</a></span></div>
</li>
|
ширина <li> - чтобы не сдвигало содержимое за край. | |
| |
|
|
| |
|
|
| |
для: 12345
(15.10.2005 в 14:49)
| | | Спасибо наиогромнейшее! :))) | |
| |
|
|
