Nieuw lid |
|
Hallo iedereen!
Ik heb een vrij basic website gemaakt die in Opera en IE perfect werkt.
Nu probeerde ik hem in Firefox en nu had ik een raar probleem: mijn menu werkt niet overal helemaal?
Ik heb 4 "hoofdpagina's" : Home, Producten, Contact en Route.
Als ik in de pagina "Route" zit, dan kan ik naar alle andere.
Als ik echter in "Home" zit, dan kan ik niet op Home en Producten klikken, en bij Contact kan ik alleen op de laatste "T" klikken. Er zijn nog 2 paginas waar ik exact hetzelfde heb, en ook alleen met de Menu links.
Hierbij de menu code:
#content{
width : 1200px;
float: none;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.menu li{
display:inline;
padding:50px;
color:#FFF;
}
#menu1{
position:relative;
top:205px;
color:#4475e1;
font-size:30px;
float:left;
}
#menu2{
position:relative;
top:205px;
color:#4475e1;
font-size:30px;
text-align:right;
float:right;
}
a.Menulink:link{
text-decoration:none;
color:#FFF;
}
a.Menulink:hover{
text-decoration:none;
color:#FFF;
}
a.Menulink:visited{
text-decoration:none;
color:#FFF;
}
a.Menulink:active{
text-decoration:none;
}
#content{ width : 1200px; float: none; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .menu li{ display:inline; padding:50px; color:#FFF; } #menu1{ position:relative; top:205px; color:#4475e1; font-size:30px; float:left; } #menu2{ position:relative; top:205px; color:#4475e1; font-size:30px; text-align:right; float:right; } a.Menulink:link{ text-decoration:none; color:#FFF; } a.Menulink:hover{ text-decoration:none; color:#FFF; } a.Menulink:visited{ text-decoration:none; color:#FFF; } a.Menulink:active{ text-decoration:none; }
<body>
<div id="content">
<div id="menu1">
<ul class="menu">
<li><a href="Homepage.html" class="Menulink">Home</a></li>
<li><a href="Producten.html" class="Menulink" >Producten</a></li>
</ul>
</div>
<div id="menu2">
<ul class="menu">
<li><a href="Contact.html" class="Menulink" >Contact</a></li>
<li><a href="Route.html" class="Menulink">Route</a></li>
<li></li>
</ul>
</div>
</div>
<li><a href="Homepage.html" class="Menulink">Home </a></li> <li><a href="Producten.html" class="Menulink" >Producten </a></li> <li><a href="Contact.html" class="Menulink" >Contact </a></li> <li><a href="Route.html" class="Menulink">Route </a></li>
|