Pagina 1 van 1

Dingen veranderen met firefox

Geplaatst: 08 mar 2005, 16:50
door Duifje
Ik heb weer een ander soort drop down menu gebruikt 1 die wel oke werkt als het af is.
Maar met internet expl gaat alles wel mooie en met firefox niet.

Ik had aan jullue de vraag wie weet de oplossing ik heb alles al geprobeert maar niks werkte. :x

Hoe het nu is met firefox:
http://www.gamezx.nl/testforumleon/1.GIF

Hoe ik het graag wil hebben: (net als internet expl)
http://www.gamezx.nl/testforumleon/2.GIF

Geplaatst: 08 mar 2005, 17:20
door Paul
ff houd zich precies aan de regels. IE niet. De code die je dus hebt is dus niet volgens de regels en dus geeft ff hem niet goed weer. IE vind dit echter niet erg en doet het wel goed. Je zult dus een deel van je code moeten gaan herschrijven volgends de regels :wink:

Geplaatst: 08 mar 2005, 17:47
door Duifje

Code: Selecteer alles

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<div align="center">
<table width="80%" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="bodyline">
		<table width="100%" cellspacing="0" cellpadding="0" border="0" id="table1">
			<tr>
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/LTD Team.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
			</tr>
</table>
<table><br><style>
body {
	font-family: arial, helvetica, serif;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

//--><!]]></script>

<ul id="nav">
	
	<li>Home
		<ul>
			<li><a href="">Blackbanded sunfish</a></li>
			<li><a href="">Shadow bass</a></li>
		</ul>
	</li>

	<li>Warez FaQ
		<ul>
			<li><a href="">Blackbanded sunfish</a></li>
			<li><a href="">Shadow bass</a></li>
		</ul>
	</li>

	<li>Zoeken
		<ul>
			<li><a href="">Smallmouth grunt</a></li>
			<li><a href="">Burrito</a></li>
		</ul>
	</li>
	
		<li>Profiel
		<ul>
			<li><a href="">Smallmouth grunt</a></li>
			<li><a href="">Burrito</a></li>
		</ul>
	</li>

	<li>Berichten
		<ul>
			<li><a href="">Whalesucker</a></li>
			<li><a href="">Marlinsucker</a></li>
		</ul>
	</li>

</ul>
</body>
Mij lukt het niet kan iemand anders hem herschrijfen :oops: