Ik heb een website en daarbij heb ik vaak posts waarbij ik veel spaties gebruik om op deze manier een soort van tabel te creëren. Dit ziet er mooi uit en overzichtelijk en je ziet geen lijntjes wat ik echt niet wil.

Nu heb ik een andere website gevonden en daarbij post ik mijn blog posts ook. Dit doe ik niet via de ''visual'' manier, maar ''text'' manier. Alle kopjes en dikgedrukte woorden etc. komen er mooi op, maar de spaties pakt die niet. Nu vroeg ik mij af of jullie een simpele oplossing voor mij weten om de vele spaties ook op de ''text'' te krijgen?

Hier een link van mijn website met de vele spaties om een tabel te creëeren: https://goo.gl/cVJ4RR

Ik heb al naar table plug ins gekeken, maar die zijn zo ingewikkeld en niet gebruiksvriendelijk dat ik ze niet wil. En via TinyMCE plug in bevalt het mij wel, maar kan ik de randjes niet onzichtbaar maken en zijn er geen opties om het precies zoals ik het nu doe te doen.

Graag hulp?

Hallo,

je kan de border/lijn verbergen met css.

A. Je kan de kleur meegeven van de achtergrond.
B. Of je verbergt de border.

Zoek in google op TinyMCE remove table borders dan kom je meer sites tegen waar ze het uitleggen.

https://shaneburgess.wordpress.com/2...table-borders/

Succes ermee.

Groeten Ron

Het gebruik van spaties om tabellen mee te maken is naar mijn idee regelrecht prutswerk. Ik zou inderdaad gewoon met html tabellen werken. Die zijn niet responsive, maar als je ze niet te breed maakt is dat niet echt aan de orde.

HTML tabellen werken net zo makkelijk en veel sneller, je hoeft niet zo vaak spaties te tellen (die op verschillende devices ook wel eens verschillende breddtes kunnen hebben). Als je een CSS class aanmaakt en die in de table tag zet, zijn de lijntjes precies zoals je wilt. Als je de populairste plugin voor tabellen gebruikt, TablePress, dan is dit volgens mij de custom CSS code waarmee je zelfs automatisch alle borders van de tabellen onzichtbaar maakt:

Code:

.tablepress, .tablepress tr, .tablepress tbody td, .tablepres thead th, .tablepress tfoot th { border: none; }

De Tablepress plugin heeft in de configuratie een speciaal veld waarin je deze custom CSS kunt zetten.

https://nl.wordpress.org/plugins/tablepress/

is niet heel moeilijk en doet alles wat je wilt?

Ik had uiteraard al veel op Google en YouTube gekeken en zag daar ook Tablepress voorbij komen. Bij de tutorials ziet het eruit voor ''echte'' tabellen, terwijl ik gewoon wil dat een bepaalde zin vanaf een bepaalde plek begint te lopen, vandaar die spaties.

Ik heb TinyMCE uitgeprobeerd, maar als ik een naam intik die iets langer is dan normaal beginnen de cellen in de 2e en 3e rij van formaat te veranderen terwijl ik elke cel al een formaat heb aangegeven. Het ziet er ook niet uit zoals mijn voorbeeld die ik stuurde: https://goo.gl/cVJ4RR

Tablepress vindt ik echt niet makkelijk en handig. Veels te moeilijk en spreekt me ook niet aan. Heb de tutorial bekeken en is ook niet wat ik zoek zoals in mijn link die ik hierboven stuurde. Misschien iemand anders ideeën?

Super Featherweight (-60KG)
Taiga (CC) vs. Takeru (Title fight)
Japan Japan
20-5-0 31-1-0


Een voorbeeld: Met Tiny heb ik bijvoorbeeld bij ''Taiga'' een andere naam ingevuld en dan begint de cel waarin ''vs.'' en ''Takeru'' staat opeens van grootte te veranderne terwijl ik echt al een groote heb aangegeven voor alle cellen. Is er niet iets om ervoor te zorgen dat ik krijg wat ik hierboven heb gedaan met spaties? Het moet er ook zo uitzien het liefst.

En ik heb weer even naar Tablepress gekeken en dat is toch echt een ''echte'' tabel en niet zoals hierboven. Ook super ingewikkeld en moet helemaal ergens anders gaan i.p.v. in de post zelf.

Ik zeur trouwens niet haha, ik waardeer alle hulp!


EDIT: Ik zie dat de spaties hier ook niet werken...

Origineel gepost door Kamal Nordin

Ik zie dat de spaties hier ook niet werken...

Ja, heel vaak worden dubbele (en meer) spaties niet getoond, of je moet er steeds een 'non breaking space' van maken ( ). Spaties zijn echt 'not done' hoor, net als heel veel linebreaks ingeven om wat witruimte te maken. Daar zijn de stylesheets voor uitgevonden. Als je de breedte van de tabellen ruim genoeg aanhoudt, dan blijft de breedte van de cellen steeds gelijk tenzij je er natuurlijk te veel tekst/getallen/spaties in zet.

Verder is een tabel niet super ingewikkeld, toch? Heb je al eens op W3schools gekeken hoe je tabellen maakt en vormgeeft?

Origineel gepost door B. van der Weerd

Ja, heel vaak worden dubbele (en meer) spaties niet getoond, of je moet er steeds een 'non breaking space' van maken ( ). Spaties zijn echt 'not done' hoor, net als heel veel linebreaks ingeven om wat witruimte te maken. Daar zijn de stylesheets voor uitgevonden. Als je de breedte van de tabellen ruim genoeg aanhoudt, dan blijft de breedte van de cellen steeds gelijk tenzij je er natuurlijk te veel tekst/getallen/spaties in zet.

Verder is een tabel niet super ingewikkeld, toch? Heb je al eens op W3schools gekeken hoe je tabellen maakt en vormgeeft?

Sorry voor mijn late reactie, heb het niet gezien. Die non breaking space was ik inderdaad ook achter gekomen, maar dat zou uiteraard niet kunnen met mijn posts, duurt gigantisch lang. Ik heb nog nooit gehoord van W3schools dus zal zo even een kijkje nemen. Vindt het wel jammer dat meerdere spaties niet meegerekend worden of dat er ten minste geen optie is om dit te activeren of iets dergelijks.

Bedankt voor je hulp!

Net weer even geprobeerd met TinyMCE en kan niet eens mijn tabel kopieren en plakken zodat het dezelfde grootte aanhoudt. Na alle research houdt ik het dus gewoon op spaties helaas:(

Kijk even onder table en naar colspan, daar kun je ook een hoop mee bereiken.
Een table responsive maken kan overigens ook.

Als een tabel niet is wat je wilt, kijk dan eens naar de Meks Flexible Shortcodes. Zelf installeer ik die nog wel eens als ik mensen de mogelijkheid wil bieden de pagina zelf wat te verfraaien of op te maken. Misschien kun je wat met de shortcode voor kolommen die daarin zit?

Origineel gepost door Kamal Nordin

Net weer even geprobeerd met TinyMCE en kan niet eens mijn tabel kopieren en plakken zodat het dezelfde grootte aanhoudt. Na alle research houdt ik het dus gewoon op spaties helaas:(

Je hebt natuurlijk kans dat TinyMCE eventuele CSS classes en opmaak weg filtert.

Ik raad je evengoed aan om je eens iets meer in HTML en CSS te verdiepen. Begin hier anders eens: https://htmlcss.jaapvdveen.nl/basiscursus-htmlcss/