Toon posts:

Wordpress centreert afbeeldingen niet

Pagina: 1
Acties:
  • 225 views

Onderwerpen

Vraag


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


  • RobIII
  • Registratie: December 2001
  • Laatst online: 21:06

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

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.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


Dit topic is gesloten.


Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee