Cookies op Tweakers

Tweakers is onderdeel van DPG Media en maakt gebruik van cookies, JavaScript en vergelijkbare technologie om je onder andere een optimale gebruikerservaring te bieden. Ook kan Tweakers hierdoor het gedrag van bezoekers vastleggen en analyseren. Door gebruik te maken van deze website, of door op 'Cookies accepteren' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt? Bekijk dan ons cookiebeleid.

Meer informatie
Toon posts:

Wordpress centreert afbeeldingen niet

Pagina: 1
Acties:
  • 176 views

Onderwerpen

Vraag


  • vanStriean
  • Registratie: mei 2013
  • Laatst online: 14-06 13:34
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: 14:20

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.



Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Microsoft Xbox Series X LG CX Google Pixel 5a 5G Sony XH90 / XH92 Samsung Galaxy S21 5G Sony PlayStation 5 Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True