Wordpress centreert afbeeldingen niet

Pagina: 1
Acties:
  • 339 views

Onderwerpen

Vraag


Acties:
  • 0 Henk 'm!

  • vanStriean
  • Registratie: Mei 2013
  • Laatst online: 00:00
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:

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 ]

Alle reacties


Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Dit is niets meer dan een Kan iemand even...? en dus gaat dit topic alleen al om die reden dicht. Een andere reden is dat je véél te veel post; post enkel een relevant(!) stukje(!) code en geen herhaling van, wat, 25 logo's en links. Speaking of which: die mag je achterwege laten (spam) want die bedrijfsnamen / links naar je (al dan niet eigen) site(s) zijn niet relevant om je probleem op te lossen. Als je per-se je probleem wil demonstreren dan kun je een jsfiddle maken met daarin placeholders (en dus geen logo's / merknamen). Maar last, but certainly not least, ik mis élke vorm ban eigen inzet. Ik zie nergens terug wat je zélf gezocht, gevonden, geprobeerd hebt etc. op één karig stukje css na waar dan weer niet van te af te leiden is hoe/wat/waar je het hebt toegepast.

Alles hierboven staat toch écht in onze Quickstart beschreven ;) Open gerust een nieuw topic maar hou dan even al het bovenstaande gezegde in je achterhoofd en dan komt 't vast goed :>

[ Voor 5% gewijzigd door RobIII op 10-10-2018 00:33 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Dit topic is gesloten.