CSS Foutmelding en context uitlijnen

beurdens
(@beurdens)

5 jaren, 10 maanden geleden
Goedendag,

Vandaag wilde ik mijn content op mijn site uitlijnen, omdat deze nu de hele breedte van het scherm beslaat (overigens niet op alle pagina’s, gek genoeg) en dat leest niet zo prettig. Gezien ik een leek ben met CSS, heb ik (I know, niet de juiste manier) het eerst in een tabel geprobeerd, maar daar blijft een deel van de border (onderste en rechterlijn) zichtbaar. Geprobeerd dit met HTML en daarna CSS op te lossen, maar helaas zonder succes.
Daarna heb ik geprobeerd CSS toe te voegen om de uitlijning bijv. op 75% te zetten, maar ook dit lukt op één of andere manier niet. Ik heb dit gedaan in stylesheet.css en in de extra css box in de customizer.
Bij beiden krijg ik foutmeldingen dat een bepaalde code de site onbruikbaar zou kunnen maken. Daarnaast krijg ik nog een rits aan waarschuwingen (zo’n 40 stuks).

Zou iemand met mij mee willen kijken om te zien waar het nu precies mis gaat en waarom een stuk toegevoegde code geen resultaat oplevert?

Alvast heel veel dank!!
- Dit onderwerp is gewijzigd 5 jaren, 10 maanden geleden door beurdens.
De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Marcorutgers.nl
(@marcorutgersnl)

5 jaren, 10 maanden geleden
Hoi. Centreren en 75% van de schermbreedte gebruiken zal voornamelijk voor de tekstblokken gaan?

Probeer eens een nieuwe (div) class aan te maken in je Custom CSS, en dan op een tekstblok (of pagina) het blok binnen die div-class te zetten. De class (of 2 classes) kunnen dan de width op 75% zetten, en het blok centreren.

Marco

p.s. heeft het “Veel gestelde vragen” blok de layout die je zou willen?
Ik geloof ook dat er iets fout gaat bij de .section die je op 75% hebt gezet?
- Deze reactie is gewijzigd 5 jaren, 10 maanden geleden door Marcorutgers.nl.
Thread starter beurdens
(@beurdens)

5 jaren, 10 maanden geleden

Hoi Marco,

Onwijze dank voor je snelle reactie! Ik heb inderdaad wat lopen stoeien met de CSS, maar toen het helemaal mis ging, heb ik alles weer teruggedraaid. Waarschijnlijk staat die FAQ uitlijning nu dus weer op 100%, echter vind ik het lastig te zien bij CSS waar ik precies iets aanpas (ik dacht eigenlijk dat CSS voor de hele site geldt, maar gezien jouw reactie is dat dus niet zo). Dit gedeelte behelst overigens wel een andere struggle, want eigenlijk zouden die blokken gehide moeten zijn en pas bij klikken zich moeten ontvouwen. Op de echte pagina doet ie dit ook, maar in de onepage niet.

Qua breedte-layout gaat het inderdaad om de tekstblokken, evt. met de titels maar dat heeft niet zo’n prioriteit. Ik wil jouw optie graag proberen, maar gezien mijn leken-skills heb ik eerlijk gezegd geen idee waar ik wat moet plaatsen? Het eerste in de custom CSS zal wel lukken (had hier al mee gestoeid, maar zag geen resultaat dus dit heb ik voor nu ook teruggedraaid), maar ik moet kennelijk de blokken ergens toekennen. Hoe en waar doe ik dat?

Veel dank weer!

Marcorutgers.nl
(@marcorutgersnl)

5 jaren, 10 maanden geleden

Je hebt gelijk, je aangepaste css geldt voor je gehele website. Maar je kunt het ook op specifieke elementen toepassen.

Het kan zijn dat het op een betere manier kan, maar als simpele oplossing, kijk eens naar dit voorbeeld: https://www.w3schools.com/css/css_max-width.asp (border weglaten, width naar % zetten en waarschijnlijk heb je maar 1 blok nodig). Dus rond b.v. de teksten met groene achtergrond zet je met de source editor een DIV (met je class) bovenaan met sluit je het onderaan.

Ik hoop dat je er zo uitkomt. Marco

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Het onderwerp ‘CSS Foutmelding en context uitlijnen’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven