Webdesign anders na invoegen meer-tag

Ik heb zojuist een meer-tag ingevoegd om de introductie van de rest van de pagina af te scheiden, maar nu ziet mijn website een beetje anders uit. Hoe kan dat? Hoe wordt het gecorrigeerd?

Soms als je de meer-tag invoegt op een alinea die styling bevat, dan kan de styling naar de rest van de website overgenomen worden.

Hierboven zie je hoe de menu nu vetgedrukt is, maar ook andere elementen op de pagina. Het probleem komt voor wegens de meer-tag op een van de berichten. Meestal is het beter om de meer-tag als laatste in te voegen, behalve als de alinea vetgedrukt, geitaliceerd of een koptekst stijl bevat. Dan kan je beter de meer-tag eerst invoegen, en daarna de styling toepassen.

Hoe corrigeer ik het probleem?

Je moet eerst het bericht opzoeken waar het fout gaat. Klik op de pagina waar je alle berichten ziet, of een van de categorieën.

Bekijk de kleine categorieën en tags om te zien welke anders dan normaal eruitziet. In het voorbeeld hierboven, zie je dat de tweede rij ook vetgedrukt zijn, net als de menu. In het voorbeeld gaat het dus fout op het bericht, “wat zijn plug-ins”. Klik op Edit, of vind het terug via de Dashboard. Nu moet je de html aanpassen.

In dit voorbeeld, zie je dat de alinea met de meer-tag de styling van koptekst 4 (h4) moet krijgen. Het probleem is echter dat de meer tag voor de sluitende < /h4 > is geplaatst. Die moet net ervoor zijn. Je kan het zelf intypen op knippen en plakken.

Andere styling tags zijn:

•  < strong > en < /strong > voor vetgedrukt
• < em > en < /em > voor italics
• < h1 > < h2 > < h3 > < h4 > < h5 > < h6 > voor kopteksten 1 t/m 6.

Let wel: in de html weergave, moet er GEEN spaties tussen de haakjes en codes worden gemaakt. Meestal zijn dit achterliggende code die je webbrowser interpreteert, terwijl je er niets van merkt. Wij moesten het zo schrijven zodat je het kan lezen.