Probleempje met een navigation menu

(@jorenman)

Ik heb een probleempje met een navigatie menu, want als ik met mijn muis over de list-items ga, dan komt er een ul li li tevoorschijn.
Maar ondertussen gaan de ul list items naar rechts.
Weet iemand hoe ik dit voorkom?

<!doctype html>
<html>
<head>
<title> | Home </title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="header">
	  <div id="logo">
	         <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-1') ) : endif; ?>
	  </div>
	  <div id="headmenu">
	         <?php wp_nav_menu(array('theme_location' => 'primary'));?>
	  </div>
</div>

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 }
 body, p {
 margin: 0;
 }
 #header {
 margin: 0;
 height: 60px;
 width: 100%;
 background: #03325e;
 float: left;
 }
 #logo {
 margin-left: 15%;
 height: 60px;
 width: 20%;
 background: #fff;
 float: left;
 }
 #headmenu {
 margin-left: 45%;
 height: 60px;
 padding: 0;
 }
 #headmenu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 60px;
 }
 #headmenu ul li {
 margin: 0;
 line-height: 60px;
 padding-left: 18px;
 padding-right: 18px;
 float: left;
 display: block;
 font-family: Verdana;
 background: #03325e;
 font-size: 14px;
 }
 #headmenu ul li a {
 color: #b8b8b8;
 text-decoration: none;
 }
 #headmenu ul li a:hover {
 color: #fff;
 }
 #headmenu ul li:hover  ul {
 display: block;
 }
 #headmenu ul ul {
 display: none;
 position: relative;
 z-index: 2;
 }
 #headmenu ul ul li {
 float: none;
 }

1 reactie aan het bekijken (van in totaal 1)

W.P. Ginfo
(@wp-ginfo)

9 jaren, 11 maanden geleden

Geef aub de url van je site en het [parent]theme dat je gebruikt.
Dan kunnen we het probleem gewoon ZIEN, en controleren welke oplossing in jouw geval werkt.

1 reactie aan het bekijken (van in totaal 1)

Het onderwerp ‘Probleempje met een navigation menu’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven