Autor Zpráva
fjf
Profil
Ahojte

mam CSS:

#nav, #nav ul, #nav dir { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; width: 125px; }
#nav li { float: left; width: 125px; font-size: 16px; text-align: center; font-weight: bold; background-color: #CCCCFF; }
#nav ul, #nav dir { position: absolute; width: 125px; left: -999em; }
#nav li ul li { text-align: left; padding-left: 5px; border: 1px dashed }
#nav li:hover ul, #nav li.sfhover ul { left: 124px; top: 0px; }
#nav li ul li:hover dir, #nav li ul li.sfhover dir { left: 129 px; top: 0px; }


kde tucne zvyrazena cast v Opere / Mozille nefunguje. Je to preto, ze ten hover je vnoreny?

Menu vyzera inak takto:

<tr><td><table class="zmenpoz" cellpading="1" width=125px style="border-collapse: collapse"><ul id="nav">
	<li style="position: relative"><a href="#">Menu 1 &raquo;</a>
		<ul>
			<li><a href="#">1-Submenu 1</a></li>
			<li><a href="#">1-Submenu 2</a></li>
			<li><a href="#">1-Submenu 3</a></li>
		</ul>
	</li>

	<li style="position: relative"><a href="#">Menu 2 &raquo;</a>
		<ul>
			<li><a href="#">2-Submenu 1</a></li>
			<li style="position: relative"><a href="#">2-Submenu 2 &raquo;</a>
				<dir>
					<li><a href="#">22-Submenu 1</a></li>
					<li><a href="#">22-Submenu 2</a></li>
					<li><a href="#">22-Submenu 3</a></li>
				</dir>
			</li>
			<li><a href="#">2-Submenu 3</a></li>
		</ul>
	</li>

</ul></table></td></tr>


Chcel som, aby to otvaralo to druholevelove submenu (22). Zaujimave je, ze v IE ten sfhover funguje.

Povodny zdroj: www.logon2.com.au/blog/archive/troubleshooting/accessible-valid-dropdown-menu-or-popup-menu-using-css-and-semantic-html/


Moderátor Joker: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
fjf
Profil
fjf:
pre tých, čo by to náhodou potrebovali, funkčné 3 úrovne submenu:
http://qrayg.com/experiment/cssmenus/

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0