[css] krijg margins niet voor elkaar - Softwareontwikkeling

dinsdag 20 juli 2004 22:57

Acties:

Topicstarter

Ik probeer met CSS de opmaak van programmacode te regelen. Ik wil een kleine afstand tot de tekst boven en onder de code, en een ruime linkermarge. In het onderstaande fragmentje kun je zien hoe ik dat probeer te bereiken.
Het probleem is dat alleen de eerste regel wordt ingesprongen, en dat de boven en ondermarge worden genegeerd. De style wordt wel op de hele tekst toegpast, wat je kunt zien aan de kleur.
Ik begin net met html/css dus ik zal wel wat verkeerd doen, maar ik weet niet wat. Ik gebruik de handleiding van Hans de Jong, maar ik kom er niet uit. Of is er een betere manier om blokken code op te maken en is <code> alleen voor inline code fragmentjes?

code:

<html>
<head>
<STYLE TYPE="text/css">
code {
    color: #FF00FF;
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}       
</STYLE>
</head>
<body>
Gewone tekst<br>
<code>
dit is een regel test code<br>
met een tweede regel<br>
en ook nog een derde.<br>
En tot slot nog wat tekst.
</body>
</html>

[ Voor 8% gewijzigd door Sir Isaac op 20-07-2004 23:00 ]

dinsdag 20 juli 2004 22:59

Acties:

Verwijderd

CODE is inderdaad een inline element. Daar werken margin-top en margin-bottom niet voor. Voeg bijvoorbeeld eens display:block; toe aan de CSS.

dinsdag 20 juli 2004 23:00

Acties:

Verwijderd

<code> is idd een inline element standaard, dus als je dat niet wilt stop je even display: block; in je css en je bent klaar

edit: juist, dit is wel 2x heel erg hetzelfde antwoord