Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[forum][css] Line-height in quotes lager dan in message zelf

Pagina: 1
Acties:

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

Topicstarter
De basis van een bericht heeft iig het volgende gedeclareerd:
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)


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.
En ook buiten de quote tags ziet dit er hetzelfde uit als het in de tabel in de quote hierboven.

Volg me op Twitter/X & Bluesky