navigatie menu werkt niet goed

Status
Niet open voor verdere reacties.
J

jorenman

Gebruiker
Lid geworden
27 jul 2013
Berichten
222
navigatie manu staat fout

HTML: 
<html>
<head>
<link href="style2.css" rel="stylesheet" type="text/css">
<title>Joren's site! Home</title>
</head>
<body>
<div id="container">
<div id="header">
<br><center><img src="logo.png"</img></center>
</div>
<div id="horizontalnav">
<div class="navlinks">
<ul>
<li><a href="index2.html">Home</a>
<li><a href="#">Over Mij</a>
<ul>
<li><a href="#">Wat doe ik?</a></li>
<li><a href="#">Onder Behoud</a></li>
 </ul>
 <li><a href="#">Contact</a>
 </li>
 </ul>
</div>
</div>
<div id="body">
<div class="login">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>

#container {
width: 100%;
}
#header {
width: 100%;
height: 100px;
position: relative;
background-color: #ffffff;
}
#horizontalnav {
width: 100%;
height: 40px;
border: no;
background-color: #5acded;
}
.navlinks {
position: absolute; top: 4px; left: 360px;
}
.navlinks {
margin: 0;
padding: 0; 
}
.navlinks ul {
margin: 0;
padding: 0;
line-height: 30px;
}

.navlinks li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
background: #999;
}
.navlinks ul li a {
text-align: center;
font-family: Verdana;
text-decoration: none;
height: 30px;
width: 150px;
display: block;
color: #000000;
border: 1px solid #000000;
}
.navlinks ul ul {
position: absolute;
visibility: hidden;
top: 32px;
}
.navlinks ul li:hover ul {
background-color: #000000;
color: #ffffff;
visibility: visible;
}
.navlinks li:hover {
background: #09F;
}
.navlinks ul li:hover ul li a:hover {
background: #CCC;
color: #ffffff;
}
#body {
}
#footer {
}

Dit is een html en een css bestand, het probleem is dat het navigatiemenu in de header staat en niet in de horizontalnav.
Hoe komt dit?

Met vriendelijke groeten,

Jorenman
 
Laatst bewerkt door een moderator:
HTML: 
<html>
<head>
<link href="style2.css" rel="stylesheet" type="text/css">
<title>Joren's site! Home</title>
</head>
<body>
<div id="container">
<div id="header">
<br><center><img src="logo.png"</img></center>
</div>
<div id="horizontalnav">
<div class="navlinks">
<ul>
<li><a href="index2.html">Home</a>
<li><a href="#">Over Mij</a>
<ul>
<li><a href="#">Wat doe ik?</a></li>
<li><a href="#">Onder Behoud</a></li>
 </ul>
 <li><a href="#">Contact</a>
 </li>
 </ul>
</div>
</div>
<div id="body">
<div class="body">
This is the body
</div>
<div class="login">
Alaaf
</div>
<div class="information">
</div>
<div class="information2">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>

#container {
width: 100%;
}
#header {
width: 100%;
height: 100px;
position: relative;
background-color: #ffffff;
}
#horizontalnav {
width: 100%;
height: 40px;
border: no;
background-color: #5acded;
position: relative;
}
.navlinks {
position: absolute; top: 4px; left: 430px;
}
.navlinks {
margin: 0;
padding: 0; 
}
.navlinks ul {
margin: 0;
padding: 0;
line-height: 30px;
}

.navlinks li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
background: #999;
}
.navlinks ul li a {
text-align: center;
font-family: Verdana;
text-decoration: none;
height: 30px;
width: 150px;
display: block;
color: #000000;
border: 1px solid #000000;
}
.navlinks ul ul {
position: absolute;
visibility: hidden;
top: 32px;
}
.navlinks ul li:hover ul {
background-color: #000000;
color: #ffffff;
visibility: visible;
}
.navlinks li:hover {
background: #09F;
}
.navlinks ul li:hover ul li a:hover {
background: #CCC;
color: #ffffff;
}
#body {
width: 100%;
height: 492px;
position: relative;
}
.body {
width: 1175px;
height: 490px;
position: absolute; top: 1px; left: 150px;
border: no;
}
.login {
width: 100px;
height: 100px;
position: absolute; top: 10px; left: 10px;
border: 1px dashed;
}
.information {
position: absolute; top: 140px; left: 10px;
width: 100px;
height: 200px;
border: 1px dashed;
}
.information2 {
position: absolute; top: 370px; left: 10px;
width: 100px;
height: 100px;
border: 1px dashed;
}
#footer {
height: 20px;
width: 100%;
clear: both;
background-color: #999;
}

dit is een html en een css bestand.
Helaas werkt mijn navigatie menu niet zo goed.
Als je er over heen gaat met je muis doet ie het wel (behalve in internet explorer), maar zodra je 'Wat doe ik?' of 'Onderbehoud' wil aanklikken, doet ie het niet.
Kan iemand me helpen?
 
Laatst bewerkt door een moderator:
Beste,

In bijlage een voorbeeldje waar je waarschijnlijk mee verder kunt.

Anders plaats je html pagina's + eventuele images in bijlage (niet alleen je code) dan kijk ik eens wat er fout gaat

mvg

gast0660
 

Bijlagen

Dit past prima als vervolg op de vorige vraag, om die reden heb ik ze samengevoegd.
 
Maar tha devil, mijn navigatie menu werkt nu nog steeds niet goed?
 
Je hebt om 03:22 een vraag gesteld (bericht #1) over de positionering, daar heb je om 13:28 reactie op gekregen van gast0660 (bericht #3).

Echter heb je om 12:14 weer een nieuwe vraag gemaakt (bericht #2) over hetzelfde menu alleen met een iets ander probleem.

Kortom de vragen zijn gerelateerd en om die reden heb ik ze samengevoegd zodat mensen die reageren ook weten dat er nog een ander probleem speelt.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan