Mijn vraag
Ik ben bezig om een partnerpagina met logo's te maken.
Alle CSS opmaak werkt behalve dat alle afbeeldingen worden gecentreerd op de pagina.
Het gaat om de pagina: *snip* spam
Op de wordpress pagina is de plugin wpbakery page builder geïnstalleerd.
Op de pagina is een Raw HTML element geplaatst met de volgende html:
In wpbakery page builder zit ook een custom css gedeelte waar ik de volgende styling in heb geplaatst:
De meest voorkomende oplossing die ik tegen kom maar bij mij niet wilt werken is:
Is er iemand die mij kan helpen?
Ik ben bezig om een partnerpagina met logo's te maken.
Alle CSS opmaak werkt behalve dat alle afbeeldingen worden gecentreerd op de pagina.
Het gaat om de pagina: *snip* spam
Op de wordpress pagina is de plugin wpbakery page builder geïnstalleerd.
Op de pagina is een Raw HTML element geplaatst met de volgende html:
HTML:
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| <!-- Platinum partners 1 per rij --> <div class="partner_center"> <a class="apart" href="https://www.ardaghgroup.com/"> <img class="logomax" src="http://www.XXX.nl/wp-content/uploads/2018/03/ardagh_group.jpg" /> </a> </div> <!-- Goud partners 2 per rij --> <div> <a class="apart" href="https://yyy.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/03/yyy.jpg" /> </a> <a class="apart" href="https://zzz.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/03/zzz.jpg" /> </a> <a class="apart" href="https://aaa.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/03/aaa.jpg" /> </a> <a class="apart" href="http://www.bbb.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/04/bbb.jpg" /> </a> <a class="apart" href="http://www.ccc.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/05/ccc.jpg" /> </a> <a class="apart" href="http://www.ddd.nl/" target="_blank" rel="noopener"> <img class="logogroot" src="http://www.XXX.nl/wp-content/uploads/2018/05/ddd.jpg" /> </a> </div> <!-- Zilver Partners 3 per rij --> <div> <a class="apart" href="http://www.eee.nl/" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/03/eee.jpg" /> </a> <a class="apart" href="http://www.fff.nl/" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/04/fff.jpg" /> </a> <a class="apart" href="#" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/ggg.jpg" /> </a> <a class="apart" href="www.hhh.nl" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/hhh.jpg" /> </a> <a class="apart" href="www.iii.com" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/iii.jpg" /> </a> <a class="apart" href="https://www.jjj.com/nl" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/jjj.jpg" /> </a> <a class="apart" href="https://www.kkk.eu" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/kkk.jpg" /> </a> <a class="apart" href="http://www.lll.com/" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/lll.jpg" /> </a> <a class="apart" href="#" target="_blank" rel="noopener"> <img class="logomiddel" src="http://www.XXX.nl/wp-content/uploads/2018/05/mmm.jpg" /> </a> </div> <!-- Brons partners 4 per rij --> <div> <a class="apart" href="http://www.nnn.nl/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/03/nnn.png" /> </a> <a class="apart" href="http://www.ooo.nl/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/03/ooo.jpg" /> </a> <a class="apart" href="http://www.ppp.nl/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/04/ppp.jpg" /> </a> <a class="apart" href="http://www.qqq.nl/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/05/qqq.jpg" /> </a> <a class="apart" href="https://www.rrr.com/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/05/rrr.jpg" /> </a> <a class="apart" href="http://www.sss.nl/" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/05/sss.jpg" /> </a> <a class="apart" href="#" target="_blank" rel="noopener"> <img class="logoklein" src="http://www.XXX.nl/wp-content/uploads/2018/05/ttt.jpg" /> </a> </div> |
In wpbakery page builder zit ook een custom css gedeelte waar ik de volgende styling in heb geplaatst:
Cascading Stylesheet:
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
| .partner_center { display: block; margin-left: auto; margin-right: auto; } .apart { padding: 0; } .logomax { height: 468px; width: 940px; float: left; margin: 10px; } .logogroot { height: 350px; width: 460px; float: left; margin: 10px; } .logomiddel { height: 226px; width: 300px; float: left; margin: 10px; } .logoklein { height: 151px; width: 220px; float: left; margin: 10px; } .centraal { width: 100%; height: 100%; } |
De meest voorkomende oplossing die ik tegen kom maar bij mij niet wilt werken is:
Cascading Stylesheet:
1
2
3
| display: block; margin-left: auto; margin-right: auto; |
Is er iemand die mij kan helpen?
[Voor 13% gewijzigd door RobIII op 10-10-2018 00:28]