Menu image probleem | CriminalsPoint

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:

	Code \| Selecteer Alles


<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:

	Code \| Selecteer Alles


.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:

http://oi52.tinypic.com/23ih010.jpg

12-01-2011 22:49

Dit topic is 125 keer bekeken door 20 verschillende leden

Reacties op: "menu image probleem"