Beste SD'ers,

Ik heb een klein probleem bij het omzetten van mijn PSD naar Wordpress. In de layout geef ik de <p> een achtergrond kleur (met border). Maar bij elke enter die je maakt in een Wordpress bericht of pagina, plaatst hij dat tussen een nieuwe <p></p>. Daar zit dus het probleem, hij maakt dan weer een nieuw vlak met border. En ook met de bijbehorende margins uiteraard.

Hoe kan ik dit oplossen?

Gr. Nick

Misschien de <p>'s die je wel met een border etc wil hebben een class meegeven?

Origineel gepost door Peter

Misschien de <p>'s die je wel met een border etc wil hebben een class meegeven?

Dit is volgens mij niet te doen..

Ik had een probleem dat er een klein beetje op lijkt. Zie hier antwoorden die ik daar op kreeg.

Tis niet heel user friendly, maar in de html editor de <p> tags weghalen en daar <br /> tags neerzetten....

Bij de editor moet je gewoon shift+enter doen ipv enter. Dan doe je een zachte linebreak, die geen nieuwe paragraaf begint.

Tis niet heel user friendly, maar in de html editor de <p> tags weghalen en daar <br /> tags neerzetten....

Hoe doe je dat dan? En wat is precies de reden dat <br /> tags niet goed eigenlijk?

Bij de editor moet je gewoon shift+enter doen ipv enter. Dan doe je een zachte linebreak, die geen nieuwe paragraaf begint.

Dat is wel een goede tip, alleen die is vooral toepasbaar als alleen jijzelf de website bewerkt. Als je bijv. een redactie hebt, dan is dat wat vervelender want er zal heus wel iemand zijn die het een keer vergeet..

Origineel gepost door NickM

Dat is wel een goede tip, alleen die is vooral toepasbaar als alleen jijzelf de website bewerkt. Als je bijv. een redactie hebt, dan is dat wat vervelender want er zal heus wel iemand zijn die het een keer vergeet..

Ja, maar zo werkt Wordpress wel.

Verder kan je in de CSS ook gewoon p:first-child gebruiken. Dit is dan enkel toepasselijk op de eerste paragraaf.

Code:

.entry p {
margin: 5px 0;
}
.entry p:first-child {
margin: 15px 0 5px;
border-top: 1px solid #333;
}

Origineel gepost door P. Beulque

Ja, maar zo werkt Wordpress wel.

Verder kan je in de CSS ook gewoon p:first-child gebruiken. Dit is dan enkel toepasselijk op de eerste paragraaf.

Code:

.entry p {
margin: 5px 0;
}
.entry p:first-child {
margin: 15px 0 5px;
border-top: 1px solid #333;
}

Als ik het goed begrijp moet ik dan de first-child een border links, rechts en boven geven.. Maar hoe doe ik dat met de rest dan? Want uiteindelijk moet je onder ook sluiten met een border, maar dan elke paragraaf een border onder geven is ook vervelend.

Of heb je ook een last-child haha?

Volgens mij bestaat last-child ook ja.

Waarom zet je niet in de template van je post pagina standaard een div met border eromheen :)?

Origineel gepost door Diego V.

Volgens mij bestaat last-child ook ja.

Waarom zet je niet in de template van je post pagina standaard een div met border eromheen :)?

Bedankt voor de tip, dat ik er daar niet eerder aan had gedacht, stom.. Werkt nu inmiddels.