Autor Zpráva
lofofor
Profil
zdravím, v problematike HTML a CSS som úplný začiatočník, tak prosim ospravedlnte, ak môj dotaz bude úplne mimo :)

v súčasnosti sa pokúšam vytvoriť funkčné rozbalovacie menu, ale narazil som na ťažkosti s Internet Explorerom 7. problém spočíva v tom, že ak je pod týmto menu obrázok (ale v podstate všetko okrem textu - napr. tabuľka alebo div s odkazmi) menu sa odmieta vysunúť... nie je mi to vôbec jasné, keďže bez obrázka to menu funguje parádne...

používam menu, ktoré vytvoril Pixy, ale skúsil som aj iné typy, ale problém pretrvával. dokonca niektoré menu sa odmietajú vysunúť cez obrázok aj v Opere.

<style>

#menu {
		position:relative;
		list-style-type:none;
		margin:1em 0 1em 0; padding:0;
		width:100%; height:1.4em;
		font:100%/1 sans-serif;
		z-index: 100;
		}
	.menuitem {
		position:absolute; top:10px;
		margin:0; padding:0;
		width:10em; height:1.4em;
		overflow:hidden;
		}
	#mi01 { left:0 }
	#mi02 { left:10em }
	#mi03 { left:20em }

	.menuitem ul {
		display:block;
		margin: 0; padding:0;
		list-style-type:none;
		}
	.menuitem li { margin:0; padding:0 }
	.submenu li { position:relative }

	/* 2-class selector to have higher weight than ".menuitem ul" */
	.submenu .subsubmenu {
		position:absolute; top:0; left:10em;
		width:10em;
		display:none;
		}

	.menuitem:hover {
		height:10em;
		overflow:visible;
		}
	.submenu li:hover > .subsubmenu {
		display:block;
		}

	#menu a {
		display:block;
		margin:0; padding: 0.2em 0.5em;
		text-align:center;
		text-decoration:none;
		color:white;
		border-top:1px solid white;
		border-left:1px solid white;
		}
	#menu a:hover { background:black }
	.menuitem a { background:red }
	.menuitem ul a { background:green }
	.menuitem ul ul a { background:blue }
	.menuitem ul ul ul a { background:violet }
	.menuitem ul ul ul ul a { background:orange }

</style>

<body>

<ul id="menu">

	<li class="menuitem" id="mi01"><a href="/">Item 1</a>
	<ul class="submenu">
		<li><a href="/">Subitem 1.1</a></li>
		<li><a href="/">Subitem 1.2</a>
		<ul class="subsubmenu">
			<li><a href="/">Subitem 1.2.1</a></li>
			<li><a href="/">Subitem 1.2.2</a>
			<ul class="subsubmenu">
				<li><a href="/">Subitem 1.2.2.1</a></li>
				<li><a href="/">Subitem 1.2.2.2</a>
				<ul class="subsubmenu">
					<li><a href="/">Subitem 1.2.2.2.1</a></li>
					<li><a href="/">Subitem 1.2.2.2.2</a></li>
					<li><a href="/">Subitem 1.2.2.2.3</a></li>
					<li><a href="/">Subitem 1.2.2.2.4</a></li>
				</ul></li>
				<li><a href="/">Subitem 1.2.2.3</a></li>
				<li><a href="/">Subitem 1.2.2.4</a></li>
			</ul></li>
			<li><a href="/">Subitem 1.2.3</a></li>
			<li><a href="/">Subitem 1.2.4</a></li>
		</ul></li>
		<li><a href="/">Subitem 1.3</a></li>
		<li><a href="/">Subitem 1.4</a></li>
	</ul></li>
	<li class="menuitem" id="mi02"><a href="/">Item 2</a>
	<ul class="submenu">
		<li><a href="/">Subitem 2.1</a></li>
		<li><a href="/">Subitem 2.2</a></li>
		<li><a href="/">Subitem 2.3</a></li>
	</ul></li>
	<li class="menuitem" id="mi03"><a href="/">Item 3</a>
	<ul class="submenu">
		<li><a href="/">Subitem 3.1</a></li>
		<li><a href="/">Subitem 3.2</a></li>
		<li><a href="/">Subitem 3.3</a></li>
		<li><a href="/">Subitem 3.4</a></li>
	</ul></li>

</ul>
<img src="obrazok.jpg">
Bubák
Profil
Problém bude jinde, než v kódu, který jsi sem zbytečně vložil. Dej odkaz na živou ukázku.
lofofor
Profil
pomoze toto?

http://testmenu.ic.cz/
lofofor
Profil
ešte by som chcel dodať, že tá ukážka blbne okrem IE aj v Opere.... prvé dve položky menu sa zobrazia správne, ale ak sa kurzor dostane na tretiu položku (teda na úroveň obrázka), menu okamžite zmizne

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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