Menu loopt doorelkaar

Hey,

Sorry, daar ben ik weer voor een HTML vraagje ;$
Het gaat soms even mis bij mij..

Ik heb dus een menu met daarin buttons, als er teveel buttons zijn dan is het de bedoeling dat het onder de menu verder gaat, dit lukt opzich wel alleen zit er te weinig ruimte tussen de buttons, zie de bijlage voor de voorbeeld.

HTML:

<div id="menu">
            <ul id="avmenu">
			      <li><a href="index.php">Home</a></li> 
                  <li><a href="index.php?p=editmenu">Menu controlepaneel</a></li>
                  <li><a href="index.php?p=pageadd">Pagina controlepaneel</a></li>
                  <li><a href="index.php?p=faq">Hulp</a></li>
            </ul>
         </div>

CSS:

#menu {
	float:left;
	margin-top:135px;
	margin-left:190px;
	width:100%;
	height:50px;
}


ul#avmenu {
    margin:35px 0;
    padding:0;
    font:17px Verdana;
    list-style-type:none;
}
  
ul#avmenu li {
    display:inline;
}
  
ul#avmenu li a {
	margin-right:7px;
    padding:5px 7px;
    border:1px solid #aaa;
    background-color:#d1cfcf;
    color:#000;
    text-decoration:none;
}


ul#avmenu a:hover {
    background:#fff;
    color:#222;
}

De height van de menu aanpassen was geen succes.

Citaat van Ferhat.Remory

U width vergroten

Die is 100%?

Citaat van Ferhat.Remory

Geef is een online voorbeeld a.u.b.

Die kan ik niet geven, het gaat hier om een admin paneel.

Maar het probleem is, het is wel de bedoeling dat de buttons onderaan verder gaan, maar de afstand moet wel goed zijn, nu zit het in elkaar?

Ehm, volgens mij snappen jullie mij niet helemaal

Kijk, het Hulp knopje staat in de Home knopje, hoe kan ik ervoor zorgen dat de Hulp knopje omlaag gaat zodat het niet meer in het Home knopje zit? Dit heeft niks met de width te maken, het is juist de bedoeling dat het eronder komt te staan.

Width kan ook niet vergroot worden trouwens, hij staat al op 100%

Via <br> of <tr> zal het niet gaan, dit omdat het hier om een CMS gaat, het is niet de bedoeling dat bij elke 3 menu's er dan in het script een <br> moet toegevoegd worden.

Die staat er al in

Citaat van KnnethDW

ul#avmenu li { display:inline-block; margin-bottom: 16px; }

Bedankt! Dit werkt perfect