Dingen veranderen met firefox

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Dingen veranderen met firefox

Bericht door Duifje » 08 mar 2005, 16:50

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

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Bericht door Paul » 08 mar 2005, 17:20

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:

Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Bericht door Duifje » 08 mar 2005, 17:47

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:

Gesloten