Ik krijg dit maar niet horizontaal gecentreerd.

CSS code en daar onder de html


 ul{
	border:0;
	margin:0;
	padding:0;
}

    #pagination-digg li{
        border:0; margin:0; padding:0;
        font-size:11px;
        list-style:none;
    }
    #pagination-digg a{
        border:solid 1px #9aafe5;
        margin-right:2px;
    }
    #pagination-digg .previous-off,
    #pagination-digg .next-off {
        border:solid 1px #DEDEDE;
        color:#888888;
        display:block;
        float:left;
		font-weight:bold;
        margin-right:2px;
        padding:3px 4px;
    }
    #pagination-digg .next a,
    #pagination-digg .previous a {
     font-weight:bold;
    }    
    #pagination-digg .active{
        background:#2e6ab1;
        color:#FFFFFF;
        font-weight:bold;
        display:block;
        float:left;
        padding:4px 6px;
		margin-right:2px;
    }
    #pagination-digg a:link, 
    #pagination-digg a:visited {
        color:#0e509e;
        display:block;
        float:left;
        padding:3px 6px;
        text-decoration:none;
    }
    #pagination-digg a:hover{
        border:solid 1px #0e509e;
    }




<ul id="pagination-digg"> 
<li class="next"><a href='/new_site/index.php?nav=nieuws&currentpage=1'>«« Eerste pagina</a><li>  
<li class="next"><a href='/new_site/index.php?nav=nieuws&currentpage=3'>« Vorige</a><li>  
<li><a href='/new_site/index.php?nav=nieuws&currentpage=1'>1</a><li>
<li><a href='/new_site/index.php?nav=nieuws&currentpage=2'>2</a><li>  
<li><a href='/new_site/index.php?nav=nieuws&currentpage=3'>3</a><li>
<li class="active">4</li>  
<li class="next"><a href=''>Volgende »</a></li>  
<li class="next"><a href=''>Laatste pagina »»</a></li> 
</ul>


Modedit
Topic verplaatst naar XHTML/CSS
grr , klote css heel mijn ontwerp mag dan in de vuilbak.
Eerst ff zien of ik iets met de goede oude tabellen kan doen.
Heb je position:relative geprobeerd?
does not move a pixel.
Op het net heb ik ook gezocht, altijd is de boodschap onmogelijk.
Hopeloos geval lijkt mij.
met css is het nooit een hopeloos geval. contacteer me ik zal je helpen
Als je iets in het midden wil hebben,
dan gebruik je toch gewoon float:center;

Maar ik zal het wel fout hebben, heb je een online voorbeeld?
dat klopt yearupie, maar je hebt een probleem als je de div die je wil centreren geen width kan meegeven.
probeer eens te klooten met firebug of de druk op f12 als je IE8 gebruikt
eindelijk gevonden.

voor het geval iemand hetzelfde probleem heeft.

float: left moet weg
display:inline; !!!!!<- inplaats van block !!!!

en het volgende toevoegen.

#pagination-digg{text-align:center;list-style:none}
Johan,

Zou je dan aub 't resultaat aan CSS code willen plaatsen voor de beginners. Als ik de oplossing hierboven (06-01-2010) uitvoer worden alle LI's ge-centered maar wel onder elkaar.
Horizontaal centreren is simpel. Gewoon margin: 0px auto; en een width geven.

Reageren