beste lezers,
ik ben bezig met een menu en ik blijf vast zitten bij het volgende:
ik wil tussenstukkje maken tussen home | vereniging enz
ik heb dit nu ook maar ik kan ze niet positioneren.
ik zou de code hieronder neer zetten
html:
PHP
<div id="menu-balk"><!-- begin menu -->
<div class="positie">
<ul class="navigatie">
<a href="index.php">
<li class="nav">Home</li>
</a>
<a href="index.php">
<li class="nav">Vereniging</li>
</a>
<a href="index.php">
<li class="nav">Teams</li>
</a>
<a href="index.php">
<li class="nav">Gallery</li>
</a>
<a href="index.php">
<li class="nav">Gastenboek</li>
</a>
<a href="index.php">
<li class="nav">Contact</li>
</a>
</ul>
</div>
</div><!-- einde menu -->
css menu:
PHP
.positie {
position: absolute;
width: auto;
height: auto;
border: 0px solid red;
}
/* positie menu text */
.navigatie {
margin-left: -43px;
}
/* ------------------------ */
ul.navigatie li {
float: left;
list-style: none;
margin-top: -3px;
color: #fff;
font-family: Calibri;
font-size: 16px;
}
/* tussen ruimte voor menu */
ul.navigatie li.nav {
margin-left: 28px;
}
/* ------------------------ */
li.nav {
background: url(../images/split.png);
background-repeat: no-repeat;
background-position: right center;
}het gaat hier om het laatste stukje css code li.nav
ik heb de tussenstukjes al rechts van de linkjes staan van het menu
maar nu moten ze nog in het midden
ik heb veel dingen geprobeerd margin-left, left.
als ik padding gebruik verschuift alles.
wie weet hoe ik nu enkel de tussen stukjes verschuif naar links
zonder dat de rest van het menu gaat schuiven.
hieronder een plaatje hoe het menu is met de tussen stukjes
die ik mooi tussen home en vereniging wil hebben en tussen
vereniging en teams enzovoort
plaatje: