Hallo,

Ik vraag mij af hoe ik in de pagina maker van wordpress een regel text perfect in de midden rechts naast een kleine afbeelding kan plaatsen:

Op de pagina komen alle categorieen te staan in de vorm van afbeeldingen (sjablonen) onder elkaar, en ernaast wil ik met text aangeven welke categorie dit is. (het is maar één regel/woord) en wil dit in de midden naast een afbeelding netjes uitlijnen.

Iemand een idee hoe ik dit moet doen?

Met vriendelijke groeten,

Gerard

Lukt dit niet met de uitlijnknop centreren?

Met css vertical-align:middle?, geef eens een linkje of wat code dan kunnen we kijken :-)

Hi, ik heb even snel wat in elkaar geknutseld: https://jsfiddle.net/ruurd/wc2bvhdn/

Bedoel je zoiets?

Als ik uitga van je schrijft zou ik het gebruik van een tabel aanraden.
2 of 3 cellen naast elkaar: (1) afbeelding - (2) lege ruimte - (3) verticaal gecentreerd tekst regel

WordPress heeft helaas de table opties niet meer standaard erin zitten. Wil je zonder HTML kennis een table erin zetten kan ik deze plugin adviseren: https://wordpress.org/plugins/mce-table-buttons/

Happy hunting!

Marjolein

Pixelein

Het is natuurlijk wel zo dat tabellen niet of nauwelijks responsive zijn. Vandaar dat WordPress die uit de page-editor heeft gegooid.

Verder wordt display:table niet door wat oudere browsers ondersteund: http://caniuse.com/#feat=css-table

Hier zijn wat opties:
http://zerosixthree.se/vertical-alig...-lines-of-css/
http://vanseodesign.com/css/vertical-centering/
http://stackoverflow.com/questions/9...t-within-a-div (met voorbeeld van Andreas Ilich: http://jsfiddle.net/9Y7Cm/37/)

Houd wel in de gaten dat je voor de responsive mode waarschijnlijk een heel andere opmaak wilt hebben.


Een andere optie is: maak van de teksten naast de plaatjes ook gewoon een plaatje.

Wat ook nog niet genoemd is, is een page builder. Bijvoorbeeld de page builder plugin Siteorigin page builder. Dan kan je je pagina indelen met kolommen en daarin widgets plaatsen. Je kunt dan in procenten bepalen hoe breed de ene kolom en de andere kolom is. En dit blijft dan responsive (voor mobiel geschikt).

Jeffrey: kun je daarin dan ook de verticale uitlijning bepalen? Verder lijkt een page builder me wel een beetje overkill om dit vraagstuk op te lossen.

Ja, je kunt een content widget invoegen binnen die kolom en dan de tekst centreren. Of bedoel je iets anders?

Doe geen moeite mensen, deze persoon doet dit zelf ook niet. Vandaag online geweest en nog steeds geen reactie.