hoe krijg ik dit horizontaal in het midden
CSS code en daar onder de html
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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;
}
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;
}
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<ul id="pagination-digg">
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=1'> Eerste pagina</a><li>
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=3'> Vorige</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=1'>1</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=2'>2</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=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>
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=1'> Eerste pagina</a><li>
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=3'> Vorige</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=1'>1</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=2'>2</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=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
Gewijzigd op 28/05/2010 10:37:01 door Chris -
maar dit onderaan je enorme lijst plaatsen in de css (waarom ontbreekt dat in je post) werkt bij mij
li{float: left; display: block;}
div erom en googlen op pagina centreren
succes
Pepijn schreef op 12.12.2009 23:41:
Slotje?
Wat is nou de toegevoegde waarde van een bericht als "Slotje?"... ?
Een mod sluit het pas als hij dit topic ziet, en dan pas valt ook jou opmerking op, gehaktbal..
niek schreef op 14.12.2009 21:42:
Wat is nou de toegevoegde waarde van een bericht als "Slotje?"... ?
Een mod sluit het pas als hij dit topic ziet, en dan pas valt ook jou opmerking op, gehaktbal..
Pepijn schreef op 12.12.2009 23:41:
Slotje?
Wat is nou de toegevoegde waarde van een bericht als "Slotje?"... ?
Een mod sluit het pas als hij dit topic ziet, en dan pas valt ook jou opmerking op, gehaktbal..
Bovendien maakt die gehaktbal zelf ook onzinnige post en topics.
li{float: left; display: block;}
div erom en googlen op pagina centreren
als dit de oplossing was had ik mijn vraag niet moeten posten , alles blijft dus mooi links staan op deze manier , had ik al getest , :'.
Ofwel mis ik ergens iets.
margin-left:auto;
margin-right:auto;
}
Eerst ff zien of ik iets met de goede oude tabellen kan doen.
Op het net heb ik ook gezocht, altijd is de boodschap onmogelijk.
Hopeloos geval lijkt mij.
dan gebruik je toch gewoon float:center;
Maar ik zal het wel fout hebben, heb je een online voorbeeld?
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}
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.
