Menu word niet weergegeven in firefox

Status
Niet open voor verdere reacties.
B

Bertal

Gebruiker
Lid geworden
24 okt 2005
Berichten
183
Beste mensen,
Ik heb een javascript menu, maar het word niet weergegeven in firefox. Daarnaast word ook de lay-out een beetje uit elkaar getrokken in FF.
Weet iemand hoe dit kan?
En vooral, hoe het op te lossen valt?

Groeten Bertal.
Code: 
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

    <head>



        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

        <title> *Home*-Beroepingswerkhknons.nl.tt
        </title>

        <meta name="description" content="">

        <meta name="keywords" content="">

        <meta name="author" content="">

        <meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">

<style type="text/css">
 .naam{display:block;
}
 .naam *{ display:block; height:1px; overflow:hidden; font-size:14px; background:#FCB700}
.naam1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700 background:#FCB700}
 .naam2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700; background:#FCB700}
 .naam3{ margin-left:1px; margin-right:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700;}
.naam4{ border-left:1px solid #FCB700; border-right:1px solid #FCB700} .naam5{ border-left:1px solid #FCB700; border-right:1px solid #FCB700}
.naamfg{ background:#FCB700}
.content
{ font-size:14px;
background-color:#FCB700;
display:block;
}
.content1 { font-size:14px;
background:#FF353A;
display:block;
}
</style>

    </head>

    <body bgcolor='#EBD695'>

                <div>

                        <b class="naam">

                            <b class="naam1">
                                <b>
                                </b>
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam5">
                            </b>
                        </b>

                        <div class="naam">
                            <br>
                                      </div>


<!-- eigen div voor tekst begin -->
                            <div class=" content" >


        <TABLE width="100%">
		 <tr>
  <TD align="left"> <img src="image002.jpg" alt="Kerkgebouw Nieuweroord" border="0" width="125" height="129">  </TD>
  <TD align="right">  <img src="pknlogo.jpg" alt="PKN logo" border="0" width="139" height="117"> </TD>
	<td align="right"> <img src="image004.jpg" alt="Kerkgebouw Noordscheschut" border="0" width="169" height="129"> </td>   </tr>
			 <Center>
		 <h2>Welkom op beroepingswerk Hervormde Kerk Nieuweroord-Noordscheschut.</h2>
						 </center>

						 </table>

 </div>
<!-- eigen div voor tekst end -->
                        <b class="naam">

                            <b class="naam5">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam1">
                                <b>
                                </b>
                            </b>
                        </b>

                    </div>


        <TABLE border="0" width="100%">



            <TR>

                <TD align="left" width="20%" colspan="2" valign="top">
                    <div>

                        <b class="naam">

                            <b class="naam1">
                                <b>
                                </b>
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam5">
                            </b>
                        </b>

                        <div class="naam">

                            &gt;&gt;
                            Menu
                            &lt;&lt;
                            <BR>
                            <BR>

                            <!-- Start Menu -->

                            <table width="100%" border="0" cellspacing="3" cellpadding="2">

                                <tr>

                                    <td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'home.htm'">
                                        Home
                                    </td>

                                </tr>

                                <tr>

                                    <td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Nieuws.html'">
                                       Nieuws
                                    </td>

                                </tr>

                                <tr>
                                    <td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Preken.html'">
                                        Preken
                                    </td>

                                </tr>

                                <tr>

                                    <td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Verslagen.html'">
                                        Verslagen
                                    </td>

                                </tr>

                                <tr>

                                    <td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Agenda.html'">
                                        Agenda
                                    </td>

                                </tr>
       

                                 

                            </table>

                            <!-- Einde Menu -->

                        </div>

                        <b class="naam">

                            <b class="naam5">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam1">
                                <b>
                                </b>
                            </b>
                        </b>

                    </div>
                </TD>

                <TD align="Left" width="70%" colspan="1" valign="top">
                    <div>

                        <b class="naam">

                            <b class="naam1">
                                <b>
                                </b>
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam5">
                            </b>
                        </b>

                        <div class="naam">
                             &gt;&gt;
												 Welkom,
                            &lt;&lt; <BR>
                                      </div>


<!-- eigen div voor tekst begin -->
                            <div class=" content" >
       <br>
Welkom op www.beroepingswerkhknons.nl.tt. <BR>
U bent deze site binnen gekomen dmv een wachtwoord, waardoor u nu vrij rond kunt surfen op deze site. <BR>
Ook kunt u de audiofragmenten onbeperkt downloaden en beluisteren.<BR> Het is niet de bedoeling dat deze audiofragmenten zonder toestemming van de <a href="mailto:bertal.lunenborg@home.nl?subject=contact%20www.beroepingswerkhknons.nl.tt">webmaster</a> terecht komen bij personen die niet in het bezit zijn van een wachtwoord voor deze site.    <P>
Mocht u vragen of opmerkingen hebben omtrent deze site, en al wat daar op staat, mail dan naar <a href="mailto:bertal.lunenborg@home.nl?subject=contact%20www.beroepingswerkhknons.nl.tt">bertal.lunenborg@home.nl</a><BR>
Ook wanneer deze site problemen geeft kunt u op dit e-mail adres terecht.


 </div>
<!-- eigen div voor tekst end -->
                        <b class="naam">

                            <b class="naam5">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam1">
                                <b>
                                </b>
                            </b>
                        </b>

                    </div>
                           <BR>
                           
                            <div>

                        <b class="naam">

                            <b class="naam1">
                                <b>
                                </b>
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam5">

                            </b>
                        </b>

                        <div class="content1">
                             &gt;&gt;
                         UPDATE 20-08-2008!
                            &lt;&lt; <BR>
                                      </div>


<!-- eigen div voor tekst begin -->
                            <div class=" content" >
       <br>

Aan de site is een preek van Dominee L.P.J. van Bruggen uit Lopikerkapel toegevoegd. Deze is terug te vinden onder het kopje 'preken'.<BR>
Ook is het verslag van de vergadering van 14-08-2008 aan de site toegevoegd. Deze vind u terug onder het kopje 'verslagen'.
 </div>
<!-- eigen div voor tekst end -->
                        <b class="naam">

                            <b class="naam5">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam1">
                                <b>
                                </b>
                            </b>
                        </b>

                    </div>
                           
                           <BR>
                     <div>

                        <b class="naam">

                            <b class="naam1">
                                <b>
                                </b>
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam5">

                            </b>
                        </b>

                        <div class="content1">
                             &gt;&gt;
                         UPDATE 19-08-2008!
                            &lt;&lt; <BR>
                                      </div>


<!-- eigen div voor tekst begin -->
                            <div class=" content" >
       <br>

Er zijn twee nieuwe preken aan de site toegevoegd.
<BR> Het gaat om een preek van Dominee D. van Duijvenbode uit Urk, <BR>
en een preek van Dominee E. van 't Slot uit Opende.<BR>
Mochten deze preken problemen geven, stuur dan een mailtje naar het hierboven genoemde e-mail adres.    <BR>
Binnenkort komt ook het verslag van de vorige vergadering op de site te staan.

 </div>
<!-- eigen div voor tekst end -->
                        <b class="naam">

                            <b class="naam5">
                            </b>

                            <b class="naam4">
                            </b>

                            <b class="naam3">
                            </b>

                            <b class="naam2">
                                <b>
                                </b>
                            </b>

                            <b class="naam1">
                                <b>
                                </b>
                            </b>
                        </b>

                    </div>



                </td>




                          </TR>

        </TABLE>

					 <center>
					Copyright &copy; beroepingswerkhknons.nl.tt
<BR>
<!-- Start of belstat.nl Counter -->
<script type="text/javascript">
		<!--
		d=document;
		pag="";col="";scr=0;b=navigator.appName;
		scr=screen.width+"*"+screen.height;
		ref=escape(document.referrer);
		pag=escape(d.URL);
		if (b != "Netscape") {col=screen.colorDepth}
		else {col=screen.pixelDepth}
		if(col=="undefined"){col="";}
		d.write("<a href=http://www.belstat.nl/viewstat.asp?UserID=bertal\&lang=nl target=_blank><img border=0 src=\"http://www.belstat.nl/regstat.aspx?");
		d.write("UserID=bertal&BColor=line&refer=" + ref + "&pag=" + pag + "&b=" + b + "&col=" + col + "&scr=" + scr);
		d.write("\" align=center width=82 height=17 alt=\"Monitored by BelStat - Your Site Counts\"><\/a>");
		// -->
</script>
<!-- End of belstat.nl Counter -->




    </body>

</html>
 
Tja, je hebt dit:
HTML: 
td class="menu-item" onMouseOver="this.style.backgroundColor = '#fff051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'home.htm'"

de vraag is: wat is er niet goed?

Probeer deze eens:
HTML: 
td class="menu-item" onMouseOver="this.style.backgroundColor='#FFF051'" onMouseOut="this.style.backgroundColor='#FCB700'" onClick="window.location='Nieuws.html'"

:cool:
 
Aangepast, maar nog steeds niet zichtbaar in FF
Ik heb al eerder zo'n soort probleem gehad, ook gevraagd op een site, maar hoe ik dat uiteindelijk opgelost heb wee tik echt niet meer...
maar ik weet wel dat er een oplossing is haha.
 
Tja, niet FF de schuld geven natuurlijk.

Werkt als een trein.

Pak dit eens:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
	    
	<head>
		        
		
		        
		<title>
			 *Home*-Beroepingswerkhknons.nl.tt
			        
		</title>
		    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">    
		<meta name="description" content=" ">
		        
		<meta name="keywords" content=" ">
		        
		<meta name="author" content=" ">
		        
		<meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">
		<meta http-equiv="Content-Style-Type" content="text/css">
	<!-- 	
<style type="text/css">
 .naam{display:block;
}
 .naam *{ display:block; height:1px; overflow:hidden; font-size:14px; background:#FCB700}
.naam1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700 background:#FCB700}
 .naam2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700; background:#FCB700}
 .naam3{ margin-left:1px; margin-right:1px; border-left:1px solid #FCB700; border-right:1px solid #FCB700;}
.naam4{ border-left:1px solid #FCB700; border-right:1px solid #FCB700} .naam5{ border-left:1px solid #FCB700; border-right:1px solid #FCB700}
.naamfg{ background:#FCB700}
.content
{ font-size:14px;
background-color:#FCB700;
display:block;
}
.content1 { font-size:14px;
background:#FF353A;
display:block;
}
</style> -->
<style type="text/css">
.nav {
     color: #003366;
     background-color: #33cc99;
}
a:HOVER, .nav-highlight {
     color: White;
     background-color: #003366;
}
	</style>	    

<script>
function navRollOver(obj, state) {
  document.getElementById(obj).className = (state == 'on') ? 'nav-highlight' : 'nav';
}
</script>
	</head>
	    
	<body bgcolor="#EBD695">
		                
		<div>
			                        
			
			                        
			<!-- eigen div voor tekst begin -->
			                            
			<div class=" content" >
				        
				<TABLE width="100%" border="2">
					 
					<tr>
						  
						<TD align="left" onMouseOver="this.style.backgroundColor='#FFF051'" onMouseOut="this.style.backgroundColor='#FCB700'" >
							 
							<img src="image002.jpg" alt="Kerkgebouw Nieuweroord" border="0" width="125" height="129">
							  
						</TD>
						  
						<TD align="right">
							  
							<img src="pknlogo.jpg" alt="PKN logo" border="0" width="139" height="117">
							 
						</TD>
						<td align="right">
							 
							<img src="image004.jpg" alt="Kerkgebouw Noordscheschut" border="0" width="169" height="129">
							 
						</td>
						   
					</tr>
					 
				</table>
				 
				<Center>
					 
					<h2>
						Welkom op beroepingswerk Hervormde Kerk Nieuweroord-Noordscheschut.
					</h2>
					 
				</center>
				 
			</div>
			<!-- eigen div voor tekst end -->
			                        
			                    
		</div>
		        
		<TABLE border="1" width="100%">
			            
			<TR>
				                
				<TD align="left" width="20%"  valign="top">
					                    
					<div>
						                        
						<b class="naam">
							                            
							<b class="naam1">
								                                
								<b>
									                                
								</b>
								                            
							</b>
							                            
							<b class="naam2">
								                                
								<b>
									                                
								</b>
								                            
							</b>
							                            
							<b class="naam3">
								                            
							</b>
							                            
							<b class="naam4">
								                            
							</b>
							                            
							<b class="naam5">
								                            
							</b>
							                        
						</b>
						                        
						<div class="naam">
							                            &gt;&gt;
							                            Menu
							                            &lt;&lt;
							                            
							<BR>
							                            
							<BR>
							                            
							<!-- Start Menu -->
							                            
							<table width="100%" border="10" cellspacing="3" cellpadding="2" >
								                                
								<tr>
									                                    
									<td  height="50" onMouseOver="this.style.backgroundColor='#FFF051'" onMouseOut="this.style.backgroundColor='#FCB700'">
										                     <a href="home.htm"> Home</a>
										                                    
									</td>
</tr>
<tr>
 <td align="center" class="nav" id="home">
            <a accesskey="A" href="home.htm" onMouseOver="navRollOver('home', 'on')" onMouseOut="navRollOver('home', 'off')">Home 2</a>
        </td>
									                                
								</tr>
								                                
								<tr>
									                                    
									<td  onMouseover="this.style.backgroundColor='yellow';"  onMouseout="this.style.backgroundColor='lightblue';"  onClick="window.location = 'Nieuws.html'">
										                                       Nieuws
										                                    
									</td>
									                                
								</tr>
								                                
								<tr>
									                                    
									<td class="menu-item" onMouseOver="this.style.backgroundColor='#FFF051'" onMouseOut="this.style.backgroundColor='#FCB700'" onClick="window.location = 'Preken.html'">
										                                        Preken
										                                    
									</td>
									                                
								</tr>
								                                
								<tr>
									                                    
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Verslagen.html'">
										                                        Verslagen
										                                    
									</td>
									                                
								</tr>
								                                
								<tr>
									                                    
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#FFF051'" onMouseOut="this.style.backgroundColor = '#FCB700'" onClick="window.location = 'Agenda.html'">
										                                        Agenda
										                                    
									</td>
									                                
								</tr>
								                            
							</table>
							                            
							<!-- Einde Menu -->
							                        
						</div>
						                        
						                    
					</div>
					                
				</TD>
				                
				<TD align="Left" width="70%"  valign="top">
					                    
					<div>
						                        
						<div class="naam">
							                             &gt;&gt;
							 Welkom,
							                            &lt;&lt; 
							<BR>
							                                      
						</div>
						<!-- eigen div voor tekst begin -->
						                            
						<div class=" content" >
							       
							<br>
							Welkom op www.beroepingswerkhknons.nl.tt. 
							<BR>
							U bent deze site binnen gekomen dmv een wachtwoord, waardoor u nu vrij rond
							kunt surfen op deze site. 
							<BR>
							Ook kunt u de audiofragmenten onbeperkt downloaden en beluisteren.
							<BR>
							 Het is niet de bedoeling dat deze audiofragmenten zonder toestemming van de 
							<a href="mailto:bertal.lunenborg@home.nl?subject=contact%20www.beroepingswerkhknons.nl.tt">webmaster</a>
							 terecht komen bij personen die niet in het bezit zijn van een wachtwoord voor
							deze site.    
							<P>
							Mocht u vragen of opmerkingen hebben omtrent deze site, en al wat daar op
							staat, mail dan naar 
							<a href="mailto:bertal.lunenborg@home.nl?subject=contact%20www.beroepingswerkhknons.nl.tt">bertal.lunenborg@home.nl</a>
							<BR>
							Ook wanneer deze site problemen geeft kunt u op dit e-mail adres terecht.
							
							
							 
						</div>
						<!-- eigen div voor tekst end -->
						                        
						                    
					</div>
					                           
					                           
					                            
					<div>
						                        
						<div class="content1">
							                             &gt;&gt;
							                         UPDATE 20-08-2008!
							                            &lt;&lt; 
							<BR>
							                                      
						</div>
						<!-- eigen div voor tekst begin -->
						                            
						<div class=" content" >
							       
							<br>
							Aan de site is een preek van Dominee L.P.J. van Bruggen uit Lopikerkapel
							toegevoegd. Deze is terug te vinden onder het kopje 'preken'.
							<BR>
							Ook is het verslag van de vergadering van 14-08-2008 aan de site toegevoegd.
							Deze vind u terug onder het kopje 'verslagen'.
							 
						</div>
						<!-- eigen div voor tekst end -->
						                        
						                    
					</div>
					                           
					                           
					<BR>
					                     
					<div>
						                        
						                        
						<div class="content1">
							                             &gt;&gt;
							                         UPDATE 19-08-2008!
							                            &lt;&lt; 
							<BR>
							                                      
						</div>
						<!-- eigen div voor tekst begin -->
						                            
						<div class=" content" >
							       
							<br>
							Er zijn twee nieuwe preken aan de site toegevoegd.
							<BR>
							 Het gaat om een preek van Dominee D. van Duijvenbode uit Urk, 
							<BR>
							en een preek van Dominee E. van 't Slot uit Opende.
							<BR>
							Mochten deze preken problemen geven, stuur dan een mailtje naar het hierboven
							genoemde e-mail adres.    
							<BR>
							Binnenkort komt ook het verslag van de vorige vergadering op de site te staan.
							
							 
						</div>
						<!-- eigen div voor tekst end -->
						                        
						                    
					</div>
					                
				</td>
				                          
			</TR>
			        
		</TABLE>
		 
		<center>
			Copyright &copy; beroepingswerkhknons.nl.tt
			<BR>
		</center>
		    
	</body>
</html>

Probleem is je css.
De waardes heb je op 1 staan.
Ik heb ze uit gecomment.
Dus je style opnieuw maken.

Omdat IE en FF soms wel anders iets interpreteren, heb ik een ander scriptje toegevoegd.
Zou je dus ook kunnen pakken.

Maar: gewoon je css opnieuw opzetten.

:cool:

edit.....
ach nee.......
je hebt je div niet optijd gezet.
<div class="naam">
&gt;&gt;
Menu
&lt;&lt;

<BR>

<BR></div> moet hier staan
deze laatste div heb je NA je tabel gezet,
dus hoogte wordtdan onjuist.
<!-- Einde Menu -->

</div>
deze mag dus weg

Dus toch alleen het divje,
overigens heb je een paar center tags ook onjuist.

:cool:
 
Het klopt! Ik heb nu nog een aantal probleempjes met de lay-out in FF, maar daar kan ik mezelf wel uit redden!
Harstikke bedankt!
Groetjes Bertal
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan