De basis van een bericht heeft iig het volgende gedeclareerd:
Waar het 'fout' gaat:
div.message div.post div.messagecontent { font-size: 13px; }
> resulteert in een line-height van 19,5px
div.messagecontent blockquote { font-size: 12px; }
> resulteert in een line-height van 18px
1. Nu wordt een quote meer een 'wall of text' als iemand geen witregels heeft gebruikt... (voorbeeld)
2. Heeft iemand echter een tabel gequote, dan is de font-size daarvan gewoon weer 13px en dus ook een line-height van 19,5px. (voorbeeld)
Browser: Firefox 16.0.2 (maar maakt eigenlijk niet uit)
Cascading Stylesheet:
1
2
3
| div.message, div.faq { line-height: 1.5; } |
Waar het 'fout' gaat:
div.message div.post div.messagecontent { font-size: 13px; }
> resulteert in een line-height van 19,5px
div.messagecontent blockquote { font-size: 12px; }
> resulteert in een line-height van 18px
1. Nu wordt een quote meer een 'wall of text' als iemand geen witregels heeft gebruikt... (voorbeeld)
2. Heeft iemand echter een tabel gequote, dan is de font-size daarvan gewoon weer 13px en dus ook een line-height van 19,5px. (voorbeeld)
Browser: Firefox 16.0.2 (maar maakt eigenlijk niet uit)
En ook buiten de quote tags ziet dit er hetzelfde uit als het in de tabel in de quote hierboven.Dit is gewoon tekst zonder witregels om het 'probleem' aan te kunnen duiden wat zich voordoet in quotes. Zo is deze tekst ietwat grijzig en heeft een lagere font-size (en dus ook line-height) dan de rest van het bericht buiten de quote tags.
Deze tekst staat in een tabel die alleen een transparante achtergrond en een honderd procent breedte heeft. De kleur van deze tekst in de tabel is ook meteen zwart in plaats van de lichtere kleur hierboven.